NodeLIstは

getElementsbyTagNameで受け取ることができる値の器は、IE8以前だとHTMLCLECTIONでそれ以外のだいたいがNodeListを返してくれます。
静的というのは、その瞬間を切り取ったもので、切り取られたものに変化があっても、切り取ったものに影響はありません。動的は、切り取った後に、切り取られたものに変化があったら、切り取ったものにも影響が出ます。

ここで質問ですが、NodeListは、ライブオブジェクトなので動的だと思うのですが、ここを閲覧しているとNodeListは、静的だと書いてありました。NodeListは、動的ですか。静的ですか。

yambejp

2016/09/01 09:31

getElement"s"byTagName ですね

行動規範の内容に同意します

回答2件

ベストアンサー

モダンブラウザでは動的に動いているようですが、
昔のブラウザも同じ挙動だったかといわれると思いだせません

HTML
1<html>
2<head>
3<script>
4window.onload=function(){
5  var alltags=document.getElementsByTagName("body")[0].getElementsByTagName("*");
6  console.log(alltags.length);//出力=3
7  var newnode=document.createElement("div");
8  newnode.appendChild(document.createTextNode("test"));
9  //とりあえずnodeを作っておいて
10  document.getElementsByTagName("body")[0].appendChild(newnode.cloneNode(true));
11  //１つは子孫までcloneして追加
12  document.getElementsByTagName("body")[0].appendChild(newnode.cloneNode(false));
13  //１つはタグだけcloneして追加
14  console.log(alltags.length);//出力=5
15}
16</script>
17</head>
18<body>
19<div>test</div>
20<div>test</div>
21<div>test</div>
22<body>
23</html>