第一个div的子节点从哪里开始算起？
谢沛豪
2016-04-07 16:40
<!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回答
-
- 深山小童
- 2016-04-07 19:47:14
不论什么浏览器第一个子节点都不会是p，而是文本节点#text。只不过IE下节点的值是android，而谷歌等浏览器是 android 。注意第二个 android 前后有空格，原因就是请继续看本章节。
document.getElementsByTagName('div')[0].childNodes;中的[0]表示获取所有div节点中的第一个div节点。通过TagName获取的节点是一个集合，类似数组，即使本例只有一个div，也必须通过[0]来获取它。
-
- yansen945
- 2016-04-07 17:52:39
去掉空格，第一个节点是”android ”；在谷歌浏览器下输出document.write(a[0].nodeName);是文本#text，不是P
-
- 用心生活的我和你
- 2016-04-07 17:36:20
这个需要分浏览器，IE浏览器不会计算空格，但是谷歌浏览器会自动把空格计算上，因此节点长度会有所增加
-
- liyuanhang
- 2016-04-07 17:34:10
div的第一个子节点应该就是p。
JavaScript进阶篇
468194 学习 · 21891 问题
相似问题