php nodelist,了解NodeList、HTMLCollection以及NamedNodeMap的使用(代码)

本篇文章给大家带来的内容是关于了解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属性获取，获取到由该元素的所有属性构成的伪数组对象。

例：

// 获取一个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'))

// 结果如下图所示：

以上就是对了解NodeList、HTMLCollection以及NamedNodeMap的使用(代码)的全部介绍，如果您想了解更多有关HTML视频教程，请关注PHP中文网。

php nodelist,了解NodeList、HTMLCollection以及NamedNodeMap的使用(代码)相关推荐

java nodelist.item_XPath NodeList顺序(Java)
我有以下 XML结构. Foo 99 foo@test.com 我正在使用以下XPath表达式来获取标题列,同样获取正文列. PathExpression headerExpr = xPath.com ...
span居div中_JavaScript-html Dom中的HTMLCollection和NodeList
HTMLCollection对象 HTMLCollection是元素集合,它和NodeList很像,有length属性来表示HTMLCollection对象的长度,也可以通过elements.item ...
JS 查看标签下某元素所有信息（查看元素，查询元素，遍历元素、HTMLCollection对象、NodeList对象）
NodeList 对象是一个从文档中获取的节点列表 (集合) . NodeList 对象类似 HTMLCollection 对象. 一些旧版本浏览器中的方法(如:getElementsByClassN ...
JavaScript：HTMLCollection对象和NodeList对象
文章目录 HTMLCollection对象 NodeList对象不同的DOM选择器,有的返回的是NodeList对象,有的返回的HTMLCollection对象.比如下面这段代码 const ele ...
090_HTMLCollection和NodeList对象
1. HTMLCollection对象 1.1. HTMLCollection对象是类数组的html元素集合. 1.2. getElementsByTagName()和getElementsByCla ...
失去jQuery Bloat —使用NodeList.js进行DOM操作
p.tip {background-color: rgba(128,128,128,0.05);border-top-right-radius: 5px;border-bottom-right-rad ...
获取DOM元素后，对NodeList的遍历的几种方法
在使用原生方法或者jquery方法获取DOM元素后,想像正常使用数组的方法对其遍历时,发现一些数组的遍历方法使用不了,如map ,push , pop等方法.使用后报错:.map is not a f ...
从零开始学_JavaScript_系列（30）——NodeList
(48)NodeList的forEach github连接: https://github.com/qq20004604/some_demo/tree/master/NodeList ①首先,Node ...
NodeList对象
什么是NodeList对象 NodeList对象是dom节点的集合.document.querySelectorAll(selector)和Node.childNodes返回的都是NodeList对象 ...

php nodelist,了解NodeList、HTMLCollection以及NamedNodeMap的使用(代码)

php nodelist,了解NodeList、HTMLCollection以及NamedNodeMap的使用(代码)相关推荐

最新文章

热门文章