当前位置: 代码迷 >> 综合 >> HTMLCollection ,document.getElementById , document.getElementsByTagName
  详细解决方案

HTMLCollection ,document.getElementById , document.getElementsByTagName

热度:88   发布时间:2024-03-05 21:36:52.0

*document.getElementById返回的是id名率先符合的第一个HTML元素的引用 ; 

*document.getElementsByTagName('tag_name')返回的是符合 tagname 的一组有序对象的集合 (即HTMLCollection)。其类似于数组,可以通过 [index] 的形式来访问集合中的任意一个对象 ,用 [index]的形式来访问对象,返回的是HTML元素(从属性中读取);

 

 

*HTMLCollection是动态的,对象集合中的每一个对象 都映射于一个具体的HTML节点 。例如:

       1,  对应的HTML节点的删除会使对象集合中对应的对象的删除。

         2, 对应的HTML节点的内容更新,会引起对应的对象的属性(innerHTML,innerText,outerHTML,outerText)的更新;

        3,当用 document.getElementByTagName("tag_name") 返回一个HTMLCollection后,如果在后续操作中时又新增了一个 <tag_name>...</tag_name>,那么HTMLCollection会自动增加一个符合  documen.getElementByTagName('tag_name') 条件的对应对象。(---!   或许我可以做一点推论:仅在初始时,执行任意调用条件A,返回一个对象集合(HTMLCollection)(该对象集合中的任意一个对象的对应HTML节点都满足A,从而该对象被生成),若DOM树中有一个符合条件A的HTML节点出现,则自动在对象集合中生成一个与之对应的新对象。

     1,2,3都体现了该HTMLCollection的自动更新特性!

 

 

---------------------------------------》》未完待续

 

  相关解决方案