怎么輸出<li>標簽里的內容呢?
代碼如下:
<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>標簽里的內容又應該怎么寫?
2016-09-22
可以使用node[i].innerText 或?node[i].innerHTML