为了账号安全,请及时绑定邮箱和手机立即绑定

关于节点属性的问题

<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的子节点 然后通过子节点获取文本吗?


正在回答

1 回答

对,如果直接获取h1节点的节点值,她是空.

如果想获取h1内的文本值,除了通过子节点获取外,还可以通过node.innerHTML来获取。

按照你上面的例子

var h1=document.getElementById("aa");

document.write(h1.innerHTML);

输出的是123

0 回复 有任何疑惑可以回复我~
#1

权耀扬 提问者

非常感谢!
2016-06-14 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
JavaScript进阶篇
  • 参与学习       468188    人
  • 解答问题       21891    个

本课程从如何插入JS代码开始,带您进入网页动态交互世界

进入课程

关于节点属性的问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信