childNodes属性和nodeType属性
childNodes属性和nodeType属性
天天_哥
发布于 2018-09-29 13:55:02
发布于 2018-09-29 13:55:02
代码可运行
运行总次数：0
代码可运行
解析
1.childNodes：获得元素的所有子元素，返回的是一个数组，
2.nodeType：代表元素的节点类型，
a.元素节点返回值是1；
b.属性节点返回的值是2；
c.文本节点返回的值是3.
<style>
*{
margin: 0;
padding: 0;
}
ul{
list-style: none;
}
a{
text-decoration: none;
color: #333;
}
div{
margin-left: auto;
margin-right: auto;
width: 420px;
}
</style>
<title></title>
</head>
<body>
<h2>js图片库的使用</h2>
<ul>
<li><a href="images/hover1.jpg" title="pic01">图片一</a></li>
<li><a href="images/hover2.jpg" title="pic02">图片二</a></li>
<li><a href="images/hover3.jpg" title="pic03">图片三</a></li>
<li><a href="images/hover4.jpg" title="pic04">图片四</a></li>
</ul>
<div id="picbox"></div>
<p id="showP">请选择图片</p>
</body>
<script>
var showbox=document.getElementById("pixbox");
var all=document.getElementsByTagName("a");
var shopP=document.getElementById("showP");
var bod=document.getElementsByTagName("body");
// console.log(bod[0].childNodes.length)
var child=bod[0].childNodes;//返回值10
console.log(child.length);
for (var i= 0;i<child.length;i++){
console.log(child[i].nodeType);
}
</script>本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2017.10.02 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
