jsDOM基础查找子节点并修改样式

最新推荐文章于 2022-05-18 15:27:40 发布

唐昊

最新推荐文章于 2022-05-18 15:27:40 发布

阅读量2.3k

点赞数 2

分类专栏： # javascript 文章标签： js javascript

本文链接：https://blog.csdn.net/weixin_44763595/article/details/104801923

版权

javascript 专栏收录该内容

31 篇文章 2 订阅

订阅专栏

第一种方式：（childNodes）

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>DOM</title>
</head>
	<script>
	
	window.onload=function(){
	var oBti = document.getElementById('div1');
 		for(var i=0;i<oBti.childNodes.length;i++){
			if(oBti.childNodes[i].nodeType==1){
				oBti.childNodes[i].style.background='green';
                 }
			
		};
	};
	
	</script>
	<style>
		#div1{
	
}
	</style>
	<div id="div1">
		<ul>
		 
			<li></li>
			<li></li>
		</ul>
	
	
	</div>
<body>
</body>
</html>

第二种方式：children

<script>
	
	window.onload=function(){
	var oBti = document.getElementById('div1');
 		for(var i=0;i<oBti.children.length;i++){
	oBti.children[i].style.background='green';

		};
	};
	
	</script>