javascript遍历节点名与节点内容

Posted 2020-10-27

1. html代码：

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

2. 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>

3. 输出：

   P:1
   P:2
   P:3
   P:4
   P:5