JS怎么批量修改子元素样式?
比如<divid="div1"><p>1</p><p>2</p><p>3</p><a>444</a></div>我想改变<div>里面所有元素的背景颜色,怎么弄。...
比如<div id="div1">
<p>1</p>
<p>2</p>
<p>3</p>
<a>444</a>
</div>我想改变<div>里面所有元素的背景颜色,怎么弄。 展开
<p>1</p>
<p>2</p>
<p>3</p>
<a>444</a>
</div>我想改变<div>里面所有元素的背景颜色,怎么弄。 展开
展开全部
<!DOCTYPE html>
<html>
<head></head>
<body>
<div id="div1">
<p>1</p>
<p>2</p>
<p>3</p>
<a>444</a>
</div>
<script type="text/javascript">
Array.from(document.getElementById("div1").children).forEach(function(item){
item.style.background = "#ff0000";
})
</script>
</body>
</html>
<html>
<head></head>
<body>
<div id="div1">
<p>1</p>
<p>2</p>
<p>3</p>
<a>444</a>
</div>
<script type="text/javascript">
Array.from(document.getElementById("div1").children).forEach(function(item){
item.style.background = "#ff0000";
})
</script>
</body>
</html>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |