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

第一个div的子节点从哪里开始算起?

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

</head>

<body>

<div>

  android

  <p>javascript</p>   //第一个子节点是p吗   

  

  <div>jQuery</div>

  <h5>PHP</h5>

</div>

<script type="text/javascript">

 var a=document.getElementsByTagName('div')[0].childNodes;

  //  document.getElementsByTagName('div')[0].childNodes; 中的[0]指哪一个?

 for(var i=0;i<a.length;i++){

        

         document.write(a[i].nodeName+"</br>");

          document.write(a[i].nodeType+"</br>");

         document.write(a[i].nodeValue+"</br>");

     }

 //document.write(a);

 

 

</script>

</body>

</html>


正在回答

4 回答

不论什么浏览器第一个子节点都不会是p,而是文本节点#text。只不过IE下节点的值是android,而谷歌等浏览器是 android 。注意第二个 android 前后有空格,原因就是请继续看本章节。

document.getElementsByTagName('div')[0].childNodes;中的[0]表示获取所有div节点中的第一个div节点。通过TagName获取的节点是一个集合,类似数组,即使本例只有一个div,也必须通过[0]来获取它。

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

请君莫问

为什么只有第一个节点输出了nodeValue,后面的节点都没有值输出
2016-04-08 回复 有任何疑惑可以回复我~
#2

深山小童 回复 请君莫问

1. 元素节点的 nodeValue 是 undefined 或 null 2. 文本节点的 nodeValue 是文本自身 3. 属性节点的 nodeValue 是属性的值 HTML中不能用//来注释,而是用<!-- *** -->来注释。 是<br/>而不是</br>
2016-04-08 回复 有任何疑惑可以回复我~
#3

谢沛豪 提问者

非常感谢!
2016-04-10 回复 有任何疑惑可以回复我~
#4

qq电子时代 回复 请君莫问

你这个问题知道了吗 ,要是知道了能回复我一下吗
2016-04-24 回复 有任何疑惑可以回复我~
查看1条回复

去掉空格,第一个节点是”android ”;在谷歌浏览器下输出document.write(a[0].nodeName);是文本#text,不是P


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

这个需要分浏览器,IE浏览器不会计算空格,但是谷歌浏览器会自动把空格计算上,因此节点长度会有所增加

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

div的第一个子节点应该就是p。

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

举报

0/150
提交
取消

第一个div的子节点从哪里开始算起?

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