javascriptの即時処理についてhttps://teratail.com/users/beginner2

Question

【状況】
document.write("＜div id='abc'>＜/div>");//・・①

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

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

【質問】
これに同期して、この表示内容を新たな変数に入れたいのですがやりかたが分かりません。
＜div>＜/div>に挟まれた内容の取得ではなくidで表示される内容の取り出し方法を教えて下さい。

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

Comments

[退会済みユーザー]

<が全角になってますが

[退会済みユーザー]

それは、質問欄への書込みで入力したタグが無視された為、セキュリティ？と思って全角にしてみたらok（その後半角ok）。で、そのままにしてあります。

[退会済みユーザー]

```で囲んでないからでは？

[退会済みユーザー]

そうですか・・すみません。

[退会済みユーザー]

あ、もしかして「タグを書いてもHTMLとして反映されない」という意味ですかね？それであれば半角で書いたところでHTMLタグとしては反映されません（書いたそのままになります）。ちなみに```で囲んでというのはここはコードですというのを画面上見やすくするためです

[退会済みユーザー]

タグをコピペしてテストして下さっているのですか？（入力対策でそうしたまでで悪意はありません）

[退会済みユーザー]

解答者側としては質問内容がそのまま再現できるソースがあればすぐに検証できるので、コピペできたほうがいいと思います。

Answer 1

objを読出したところ期待データは入ってないことを確認。今回の件は仕様なのでしょう（マニュアル未確認のままですがそう結論づけて良いと思います）。従いまして不本意ながら自己解決とさせていただきます。皆様ありがとうございました。

Answer 2

object HTMLDivElementの中に期待するデータが入っているのでは？と推測。取り出し方法を探っていましたが、当該objectを調べたところ該当するデータは入ってない模様（たぶん）。

【テスト状況】
① prototype.js下で下記scriptを実行 ⇒ 結果は「not available」即ち期待するデータは入っていないと云うことに。
var chk = $('abc');
if(Element.empty(chk)){alert('not available');}
else{alert('available');}

② またFirefoxデバグツールで当該objectを開いたところ即時処理を発生させても、それらしきデータは現れません。
obj_name <div id="abc">
accessKey ""
accessKeyLabel ""
align ""
attributes NamedNodeMap [ id="abc" ]
0 id="abc"
length 1
id id="abc"

　････　　　　　････

こうなると当質問の答えは「出来ません」となってしまいます・・自己解決（？）
・仮にそうであれば何で出来ないの？理由が知りたくなります。
・もう暫く良い知らせをお待ちしております。

Comments

[think49]

回答欄は返信を書く場所ではありませんよ。

複数の場所に同じ質問をすると、情報が分散して回答者の迷惑になります。
https://teratail.com/questions/150482
https://teratail.com/help#posted-otherservice

[退会済みユーザー]

今般初めて当サイトに入会。当初質問欄の記入がなかなか受け付けられない、回答が飛んできてもどの欄に書き込むのか？画面の応答が悪いので初回は空いてる欄に書き込んでいました。

Answer 3

var test = abc.outerHTML;

こういうことですかね・・・

Comments

[退会済みユーザー]

HTMLではなくtext形式の表示＆取得？が必要なのでこの様にしています。

[退会済みユーザー]

outerHTMLで文字列として取得できると思いますが、これでは満たしませんでしょうか？

[退会済みユーザー]

はい。

[退会済みユーザー]

document.write('<div id="abc"></div>');
abc.textContent = "test";
var test = abc.outerHTML;

とすると、testには '<div id="abc">test</div>' という文字列が入りますが、取得したいのはこれではありませんか？

[退会済みユーザー]

それが可能であれば質問しません。