获取标签下子标签的方法

最新推荐文章于 2024-05-20 11:07:36 发布

ll123c

最新推荐文章于 2024-05-20 11:07:36 发布

阅读量5.4k

点赞数

分类专栏： HTML javascript

本文链接：https://blog.csdn.net/ll123c/article/details/88963195

版权

javascript 同时被 2 个专栏收录

16 篇文章 0 订阅

订阅专栏

HTML

14 篇文章 0 订阅

订阅专栏

分析：

想要获取标签下子标签，首先要获取外层标签

第一步：通过getElementById()获取外层的标签

第二步：获取标签内子标签的唯一有效方法是使用document的getElemetnsByTagName()方法。


<html>
   <head>
    <title>html示例</title>
   </head>
   <body>
		<ul id="ull1" >
			<li>aaa</li>
			<li>bbb</li>
			<li>ccc</li>
		<ul/>
		<script type="text/javascript">
			var ul1=document.getElementById("ull1");
			//通过标签名获取标签下的子标签，使用了getElementsByTagName("li");这也是获取子标签的唯一有效的方法
			var li1=document.getElementsByTagName("li");
			alert(li1.length);
		</script>
   </body>
</html>