1. 程式人生 > >javascript遍歷節點名與節點內容

javascript遍歷節點名與節點內容

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遍歷節點名與節點內容