html学习笔记，ul li遍历，children属性，getElementsByTagName(“li“)

最新推荐文章于 2022-08-02 20:17:19 发布

位面元哥

最新推荐文章于 2022-08-02 20:17:19 发布

阅读量595

点赞数

分类专栏： html学习笔记文章标签： html学习笔记 ul li遍历 children属性

本文链接：https://blog.csdn.net/m0_37542524/article/details/118163308

版权

html学习笔记专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<ul id="id-func-buttons">
			<li>看图片</li>
			<li>看小说</li>
			<li>看视频</li>
			<li>听音乐</li>
		</ul>
		<script>
			window.onload = function(){
				forEachList_1 = function(element)
				{
					lis = element.getElementsByTagName("li");
					for(var i=0; i<lis.length; i++)
					{
						var node = lis.item(i);
						console.log("forEachList_1", node.innerHTML);
					}
				}
				forEachList_2 = function(element){
					lis = element.children;
					for(var i=0; i<lis.length; i++){
						var node = lis[i];
						console.log("forEachList_2", node.innerHTML);
					}
				}
				var list = document.getElementById("id-func-buttons");
				forEachList_1(list);
				console.log("=====================")
				forEachList_2(list);
			}
		</script>
	</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

位面元哥

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
html学习笔记，ul li遍历，children属性，getElementsByTagName(“li“)

<!doctype html><html> <head> <meta charset="utf-8"> </head> <body> <ul id="id-func-buttons"> <li>看图片</li> <li>看小说</li> <li>看视频</li> <li>听音乐</li>
复制链接

扫一扫