DOMのテキスト変更の操作について

Question

プログラミング初学者なのですがJSのDOMを弄っています。
DOMでわからないところがあったため投稿させてもらいました、

JSのDOM操作でテキストを変更をしたのですが
1個目のconsole.logで変更前にも関わらずで変更後の内容が出てしまいます

該当のソースコード

function changeText(){
var text_node = document.getElementById("text");
console.log(text_node);
text_node.textContent = "テキストを変える";
console.log(text_node);
}

Answer 1

console.logにDOMノードなどオブジェクトを出力すると、出力結果が出力時点で固定されるのではなく、デバッグツールで確認した時点のものとなることがあります。

Comments

[maisumakun]

つまり、その挙動は「デバッグツール側の事情」であって、コード自体は意図通り動作しているかと思います。

[bayashi_rice]

なるほどですね！！
ありがとうございます！！！