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

JS chlidNodes的问题

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<div>
  javascript  
  <p>javascript</p>
  <div>jQuery</div>
  <h5>PHP</h5>
</div>
<script type="text/javascript">
 var x=document.getElementsByTagName("div")[0].childNodes;
 
 
</script>
</body>
</html>

如上代码 var x=document.getElementsByTagName("div")[0].childNodes;

获取第一个div标签的子节点,存储到变量x中,那么请问如何输出子节点下的第一个  javascript 字符串,有点迷惑了,用innerHTML不管用。。

正在回答

2 回答

var x=document.getElementsByTagName("div")[0].childNodes; //表示x返回数组里的第一个元素,要想输出下一个javascript这个字符串,只需要 document.write(x[1].innerHTML);就可以了,你想输出什么字符串改变1的值就可以了(是1而不是0的原因是因为在第一个javascript之后有一个空白节点)


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

慕粉3361053 提问者

非常感谢!
2016-08-18 回复 有任何疑惑可以回复我~
#2

慕粉3361053 提问者

还是没明白为什么是x[1],如上的document.write(x[1].innerHTML输出的是字符串javascript还是标签<p>的javascript
2016-08-18 回复 有任何疑惑可以回复我~
#3

慕粉3361053 提问者 回复 慕粉3361053 提问者

为什么这么问呢,因为我觉得子结点下面的第一个空白节点应该是在段落P的后面,根据这个思路得出x[0]是text文本javascript,而x[1]是<p>段落的javascript,而x[2]才是空白节点,没有值,我是这么理解的,可能想法偏离了 ,请指教
2016-08-18 回复 有任何疑惑可以回复我~
#4

慕粉3361053 提问者

因为我觉得子结点下面的第一个空白节点应该是在段落P的后面,根据这个思路得出x[0]是text文本javascript,而x[1]是<p>段落的javascript,而x[2]才是空白节点,没有值,我是这么理解的,可能想法偏离了 ,请指教
2016-08-18 回复 有任何疑惑可以回复我~
#5

穗积 回复 慕粉3361053 提问者

<div> //第一个节点(空白)x[0] javascript; <p>javascript</p> //第二个节点+第三个节点(空白)x[1]+x[2] <p>javascript1</p>//第四个节点+第五个节点(空白) x[3]+x[4] <div>jQuery</div>//第六个节点+第七个节点(空白)x[5]+x[6] <h5>PHP</h5> </div> 你可以自己输出值确认一下
2016-08-18 回复 有任何疑惑可以回复我~
#6

qq_miaomiaodoub_0 回复 穗积

这个还要看浏览器,像火狐跟360极速都不是这样的
2016-08-19 回复 有任何疑惑可以回复我~
查看3条回复

 var x=document.getElementsByTagName("div")[0].childNodes;

x[0].nodeValues;

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

举报

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

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

进入课程

JS chlidNodes的问题

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