代码如下:
<body>
<ul>
<li value=>javascript</li>
<li>HTML/CSS</li>
<li>jQuery</li>
</ul>
<script type="text/javascript">
var node=document.getElementsByTagName("li");
for(var i=0;i<node.length;i++){
document.write("节点"+(i+1)+"<br>"+"节点名称:"+node[i].nodeName+"<br>");
document.write("节点值:"+node[i].nodeValue+"<br>");
document.write("节点类型:"+node[i].nodeType+"<br>"+"<br>");
}
</script>
</body>
输出的结果是:
javascript
HTML/CSS
jQuery
节点1
节点名称:LI
节点值:null
节点类型:1
节点2
节点名称:LI
节点值:null
节点类型:1
节点3
节点名称:LI
节点值:null
节点类型:1
节点值都是null是因为获取的节点是元素节点么?那<li>是元素节点?<p>节点也是元素节点么?文本节点又怎么获取呢?根据上面代码的获取节点方式想要输出<li>标签里的内容又应该怎么写?
可以使用node[i].innerText 或 node[i].innerHTML