NodeList与HTMLCollection区别

主要有两个方面不一样
1.包含节点的类型
2.运用办法
1.包含节点的类型不同
(1)NodeList
一个节点的汇合,既能够包含元素和其他节点(注释节点,文本节点等)。
(2)HTMLCollection
元素汇合,只要Element
2.运用办法不同
遍历方式不一样,Nodelist能够用forEach遍历数据
示例
item1
item2
item3
item4
item5
事情的添加方式
注:onclick为点击事情
事情的添加方式有四种:
行内款式
<buttononclick=”vartext=this.innerText;alert(text);”>按钮1
给HTML元素绑定事情属性
<buttononclick=”show(this)”>按钮2
经过监听器添加事情
<buttononclick=”show(this)”>按钮2
总结
NodeList与HTMLCollection的访问与遍历有所区别,他们能够说是一个包含关系。运用场景不一样。事情的拜托与代理,应用场景非常的宽广,它能够减少反复DOM的交互次数,这样我们就需求一个内存空间就够了。进步网页性能。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。