childNodes和nodeType

最新推荐文章于 2022-07-03 08:41:11 发布

fuxiaomi2016

最新推荐文章于 2022-07-03 08:41:11 发布

阅读量475

点赞数

分类专栏： JS 文章标签： childNodes和nodeType

本文链接：https://blog.csdn.net/fuxiaomi2016/article/details/53750181

版权

JS 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

注意li里面的span和h3标签不是ul的子节点。

<!DOCTYPE html>

<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
window.οnlοad=function(){

var oUl=document.getElementById('ul1');
//alert(oUl.childNodes.length); //5个，因为childNodes包括文本节点和元素节点
//alert(oUl. children .length); //2个，因为children只包括元素节点

for(var i=0;i<oUl.childNodes.length;i++){
//alert(oUl.childNodes[i].nodeType); //文本节点值是3，元素节点值是1
//alert(oUl.children[i].nodeType); //children挺好用的
//oUl. children [i].style.background='yellowgreen';