HTMLCollection ,document.getElementById , document.getElementsByTagName

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

*document.getElementsByTagName('tag_name')返回的是符合 tagname 的一组有序对象的集合 (即HTMLCollection)。

 

 

*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的自动更新特性!

     4,HTMLCollection类似于数组,可以通过 [index] 的形式来访问集合中的任意一个对象 ,用 [index]的形式来访问对象,返回的是HTML元素(从属性中读取)

    5,.innerText属性和.innerHTML属性 仅仅读取或覆盖 节点标签内的内容,不含节点HTML标签本身。当读取或对 .innerText属性进行写入时 , 内含的HTML标签会被编码为浏览器无法解析的形式,所以innerText仅是写入文本内容,而不能插入DOM节点。 

6, .outerText 读取时 不包含标签,仅读HTML节点(对象)内部的内容 。 但是,当其被写入时,它会把包括HTML节点标签在内的所有内容覆盖。 除此之外,和innerText类似,.outerText属性的值若含有HTML标签,则其会被编码为浏览器不可解析的形式,属于纯文本内容。

7,  .outerHTML的值若含有HTML标签,其不会被编码为特殊的形式,可以被浏览器解析为 DOM树的一个节点。所以读取时包含了

 

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

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值