​x
 
<!DOCTYPE html>
<html>
<head>
<style>
div {
  border: 1px solid black;
  padding:8px;
}
</style>
</head>
<body>
​
<h1>Document 对象</h1>
​
<h2>getElementsByClassName() 方法</h2>
​
<p>更改类为 "example" 和 "color" 的第一个元素的背景颜色：</p>
​
<div class="example">
  <p>这是段落。</p>
</div>
<br>
<div class="example color">
  <p>这是段落。</p>
</div>
<br>
<div class="example color">
  <p>这是段落。</p>
</div>
​
<script>
const collection = document.getElementsByClassName("example color");
collection[0].style.backgroundColor = "red";
</script>
​
</body>
</html>
​