​x
 
<!DOCTYPE html>
<html>
<body>
​
<h2>JavaScript HTML DOM</h2>
​
<p>Hello World!</p>
​
<p>Hello Norway!</p>
​
<p>请单击按钮来更改所有 p 元素的颜色。</p>
​
<button onclick="myFunction()">试一试</button>
​
<script>
function myFunction() {
  const myNodelist = document.querySelectorAll("p");
  for (let i = 0; i < myNodelist.length; i++) {
    myNodelist[i].style.color = "red";
  }
}
</script>
​
</body>
</html>
​