<p id="demo">单击按钮获取 body 元素子节点的节点名称</p>

<button onclick="myFunction()">点我</button>

<script>

function myFunction(){

    var txt="";

    var c=document.body.childNodes;

    for (i=0; i<c.length; i++){

        txt=txt + c[i].nodeName + "<br>";

    };

    var x=document.getElementById("demo");  

    x.innerHTML=txt;

}

</script>

<p><strong>注意:</strong> 空格元素是文本，文本是节点</p>

​