权耀扬
2016-06-14 10:07
<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的子节点 然后通过子节点获取文本吗?
对,如果直接获取h1节点的节点值,她是空.
如果想获取h1内的文本值,除了通过子节点获取外,还可以通过node.innerHTML来获取。
按照你上面的例子
var h1=document.getElementById("aa");
document.write(h1.innerHTML);
输出的是123
JavaScript进阶篇
468194 学习 · 21891 问题
相似问题