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

第一种方式:(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>
发布了62 篇原创文章 · 获赞 102 · 访问量 3161

猜你喜欢

转载自blog.csdn.net/weixin_44763595/article/details/104801923