javascript案例 - W3xue在线HTML/CSS/JS运行工具

​x
 
<!DOCTYPE html>
<html>
<body><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><b>注释：</b>元素中的空格被视作文本，而文本被视作文本节点。</p>
​
</body>
</html>