javascript遍历节点名与节点内容

Posted 2020-10-27

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript遍历节点名与节点内容相关的知识，希望对你有一定的参考价值。

html代码：

<div id="lee">
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
</div>

javascript代码：

<script>
var x = document.getElementById(‘lee‘).childNodes
for (var i in x){
    if(x[i].nodeType == 1){
        console.log(x[i].nodeName+‘:‘+x[i].childNodes[0].nodeValue)
    }
}
</script>

输出：
```
P:1
P:2
P:3
P:4
P:5
```

以上是关于javascript遍历节点名与节点内容的主要内容，如果未能解决你的问题，请参考以下文章