javascriptの即時処理について

Question

document.write("＜div id='abc'>＜/div>");//・・①```ここに言語を入力
コード

abc.textContent=変数;//・・②

・上記scriptを実行すると①に、②の変数（＝内容）が表示されます（動作ok）。

・【質問】これに同期して、この表示内容を新たな変数に入れたいのですがやりかたが分かりません。

・＜div>＜/div>に挟まれた内容の取得ではなくidで表示される内容の取り出し方法を教えて下さい。

※下記表記はデタラメですが、こう云う動作を実現したいのです。可能でしょうか？
var test = document.write("＜div id='abc'>＜/div>");

Answer 1

そもそも論ですが、document.writeは時代遅れのメソッドとなっています。よほどの理由がなければ、createElement→appendChildで新たなノードを増やしましょう。

同様に、abcのようなかたちでノードを取得するのも適当ではありません。document.getElementById('abc')などを使いましょう。

Answer 2

返信感謝します。ご指摘の点は別途考えることとしますが、質問の即時処理は実現できるのか？どう言う方法なら出来るのか。たぶん出来ない気がしていますが、それはどんな理由で？を知りたいのです（即時処理出来ないのが最後の1箇所と云うこともあって）。よろしくお願いします。

Comments

[maisumakun]

そのまま、「abc.textContent=変数;」に代入した「変数」を持ち回す、で問題ない気もしますが、それでは何か満たせないことがありますか？

[退会済みユーザー]

即時処理は関数内で非同期に発生します。そのため変数はグローバル扱いとなって扱いが難しい（こんなときgoto文が使えるとありがたい）。現状は即時処理を諦めsessionStorageで逃げていますが僅かに画面が瞬きみっともない・恥ずかしい！のです。

[maisumakun]

断片的すぎて、どのタイミングでどんな読み書きをしたいのかの全貌が見えてきません（画面がちらつくのも別な対処法があるかも知れませんし）。もう少し詳しいコード（ここでこういうことをしたい、まではっきり伝わるような）を示していただけませんでしょうか。

[退会済みユーザー]

お時間を割いていただきありがとうございます。遅くなりましたがscriptの概要です。ページ内の表示位置が狂わぬ様、また上から下にシーケンシャルに流れる様にを心がけましたがこんな感じです。

メインルート
　　↓
document.write("<div id='abc'></div>");//★表示はok
　　↓
if(obj){//ex.即時処理不可ならif(1)に
imp_val＝sessionStorage.getItem('impo_info');//objの有無で切替えたい（検証未）
}else{
imp_val＝即時表示の内容;//★（取得ok?）
}
　　↓
aa_1();　 ・・　aa_n();//関数呼び出し
　　↓
function aa1(){・・ bb_1(a);　・・}　・・　function　()｛・・｝//関数群
　　↓
function　bb_1(a){//即時処理に持っていきたい関数　bb_1(a)
　var new Array(129);
　　　　　　・・
　　　　area[n]="xyz";//xyzは画像情報
　　　　　　・・
　　　　abc.textContent=area[a];//★
sessionStorage.setItem('impo_info',area[a]);//ユーザーによるページ再読込に備える
//window.location.reload();//即時処理が不可のときはコメント外す
}