javascript - document.getElementById はライブ dom 要素を返しますか?

Question

document.getElementByIdJavaScript ではライブ DOM 要素を返しますか? パフォーマンス上の理由から知りたい

Answer 1

標準と「ライブ」の区別は、通常、要素のリストに使用されます。document.getElementByIdDOM ノードへの単一のオブジェクト参照を返します。ノードが取得されると、参照は常に同じノードを指します。

_{例の HTML:}

<div id="foo"></div>

_{JS の例:}

var foo,
    bar;
foo = document.getElementById('foo'); //gets the div
bar = document.getElementById('bar'); //null
foo.setAttribute('id', 'bar');
console.log(foo.id); //'bar'
console.log(bar.id); //TypeError

要素の ID が変更された可能性があるため、参照は更新されません。

document.getElementsByTagNameこれは、指定されたタグを持つ要素のリストを返すようなものとは対照的です。要素が DOM に追加または削除されると、リストは自動的に更新されます。