成都网站建设设计

将想法与焦点和您一起共享

NodeList、HTMLCollection以及NamedNodeMap的使用示例

这篇文章主要介绍NodeList、HTMLCollection以及NamedNodeMap的使用示例,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

成都创新互联公司成立于2013年,先为禹会等服务建站,禹会等地企业,进行企业商务咨询服务。为禹会企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

这三个都是类数组对象。

  1. HTMLCollection只包含元素节点,而NodeList包含任何节点类型。

  2. HTMLCollection对象可以调用item()和namedItem()方法,NodeList对象只能调用item()方法。在获取元素时,两者都可以通过方括号的语法或item()方法。HTMLCollection对象允许通过namedItem()方法,传入一个name或id获取元素。

  3. 一些旧版本浏览器中的方法(如:getElementsByClassName())返回的是 NodeList 对象,而不是 HTMLCollection 对象。所有浏览器的 childNodes 属性返回的是 NodeList 对象。大部分浏览器的 querySelectorAll() 返回 NodeList 对象。getElementsByTagName()返回HTMLCollection对象。

  4. NamedNodeMap对象是通过node.attributes属性获取,获取到由该元素的所有属性构成的伪数组对象。

例:


1 2

NodeList、HTMLCollection以及NamedNodeMap的使用示例

以上是“NodeList、HTMLCollection以及NamedNodeMap的使用示例”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


网页标题:NodeList、HTMLCollection以及NamedNodeMap的使用示例
文章出自:http://chengdu.cdxwcx.cn/article/ijojeo.html