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