版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_33323469/article/details/82014179
在一个网页中获取到所有div和span标签,并且将颜色设置为red green;
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
div,span{
width: 100px;
height: 30px;
border: 1px solid #fff;
padding: 5px 5px;
}
</style>
</head>
<body class="box">
<div ></div>
<div></div>
<span></span>
<span></span>
</body>
</html>
<script>
//传统方式获取dom并且帮背景设置为红色
var divs = document.getElementsByTagName('div');
var spans= document.getElementsByTagName('span');
//循环所有的元素
for(var i=0;i<divs.length;i++){
divs[i].style.background = 'red';
}
for(var i=0;i<spans.length;i++){
spans[i].style.background = 'green';
}
//这样的方式虽然我们获取到dom,并且帮颜色这是成想要的,但是代码没有
//复用性,冗长,
</script>