lovecoding
/
J250913


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="clz1">123</div>
<div class="clz1">123</div>
<div class="clz1">123</div>
<div class="clz2">123</div>
<div class="clz2">123</div>
<div class="clz2">123</div>
</body>
<script>
  // 根据类名获取对应class 的样式
  var divs1 = document.getElementsByClassName("clz1")
  for (let i = 0; i < divs1.length; i++) {
    var div = divs1[i]
    // 元素.属性名
    div.style.background = "red"
  }

  var divs2 = document.getElementsByClassName("clz2")
  for (let i = 0; i < divs2.length; i++) {
    var div = divs2[i]
    // 元素.属性名
    div.style.background = "yellow"
  }

  // // 获取界面当中3个div 元素
  // var divs = document.getElementsByTagName("div")
  // // 遍历拿到每一个div 元素
  // for (let i = 0; i < divs.length; i++) {
  //   var div = divs[i]
  //   // 元素.属性名
  //   div.style.background = "red"
  // }
</script>
</html>