本篇文章给大家带来的内容是关于了解nodelist、htmlcollection以及namednodemap的使用(代码)，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
这三个都是类数组对象。
htmlcollection只包含元素节点，而nodelist包含任何节点类型。
htmlcollection对象可以调用item()和nameditem()方法，nodelist对象只能调用item()方法。在获取元素时，两者都可以通过方括号的语法或item()方法。htmlcollection对象允许通过nameditem()方法，传入一个name或id获取元素。
一些旧版本浏览器中的方法（如：getelementsbyclassname()）返回的是 nodelist 对象，而不是 htmlcollection 对象。所有浏览器的 childnodes 属性返回的是 nodelist 对象。大部分浏览器的 queryselectorall() 返回 nodelist 对象。getelementsbytagname()返回htmlcollection对象。
namednodemap对象是通过node.attributes属性获取，获取到由该元素的所有属性构成的伪数组对象。
例：
<body><p> <a href="#" id="a1">1</a> <a href="a.html" name="a2">2</a></p></body><script> // 获取一个htmlcollection对象 var res = document.getelementsbytagname("a"); console.log(res); console.log(res.item(0)) console.log(res[0]) console.log(res.nameditem('a1')) console.log(res.nameditem('a2')) // 结果如下图所示：</script>
以上就是对了解nodelist、htmlcollection以及namednodemap的使用(代码)的全部介绍，如果您想了解更多有关html视频教程，请关注。
以上就是了解nodelist、htmlcollection以及namednodemap的使用(代码)的详细内容。