關于節點屬性的問題
<h1 id="aa">123</h1>
<script type="text/javascript">
var node = document.getElementById("aa");
var node02 = node.childNodes;
document.write("節點的名稱:"+node02[0].nodeName+"<br />");
document.write("節點的值:"+node02[0].nodeValue+"<br />");
document.write("節點的類型:"+node02[0].nodeType+"<br /><br /><br />");
document.write("節點的名稱:"+node.nodeName+"<br />");
document.write("節點的值:"+node.nodeValue+"<br />");
document.write("節點的類型:"+node.nodeType+"<br />");
</script>
------------
輸出結果:
節點的名稱:#text
節點的值:123
節點的類型:3
節點的名稱:H1
節點的值:null
節點的類型:1
----------------------
h1的節點值為null 怎么解釋?
如果想獲取h1的文本 只有先獲取h1的子節點 然后通過子節點獲取文本嗎?
2016-06-14
對,如果直接獲取h1節點的節點值,她是空.
如果想獲取h1內的文本值,除了通過子節點獲取外,還可以通過node.innerHTML來獲取。
按照你上面的例子
var h1=document.getElementById("aa");
document.write(h1.innerHTML);
輸出的是123