nodeType nodeName nodeValue
元素节点 1 大写标签名 null
属性节点 2 属性名 属性值
文本节点 3 #text 文本内容
<div>元素一</div>
<ul>
1
<li>元素一</li>
2
<li>元素二</li>
3
<li>元素三</li>
4
</ul>
<script>
function testNodeAttribute() {
var divEle = document.querySelector('div')
console.log(divEle.nodeType, ' ', divEle.nodeValue, ' ', divEle.nodeName);
}
function testUlNode() {
var ulEle = document.querySelector('ul')
var nodeArr = ulEle.childNodes
console.log('nodeType' + ' ' + 'nodeValue' + ' ' + 'nodeName');
for (var i = 0; i < nodeArr.length; i++) {
var nodeItem = nodeArr[i]
console.log(nodeItem.nodeType + ' ' + nodeItem.nodeValue + ' ' + nodeItem.nodeName);
}
}
dom节点属性
最新推荐文章于 2022-08-22 09:44:13 发布