37DOM childNode

最新推荐文章于 2022-07-08 14:46:53 发布

wwwshengbo

最新推荐文章于 2022-07-08 14:46:53 发布

阅读量144

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/wwwshengbo/article/details/87544080

版权

JavaScript 专栏收录该内容

37 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>
</title>

</head>

<body>

<p> DOM childNode ,获取子标签（内层标签）</p>
   
       

   <ul>1
       <li>2 </li> 3
   </ul>

/*
getElementTagName()方法返回带有指定标签名的对象集合
getElementsByTagName这个方法返回的是一个类数组的对象，看起来是数组，其实本身并不是一个数组，是一个dom节点的集合。

childNodes 除了获取里面的元素标签还可以获取到文本标签
*/
   var uls = document.getElementsByTagName("ul"); 
       lis = uls[0].childNodes;
       //alert(lis[0]); 
       alert(lis[0].textContent);
       alert(lis[1].textContent);
       alert(lis[2].textContent);
       //alert(lis.length);
</script>

</body>

</html>