html运行实例（eg_js_dom_nodelist

代码示例：（标识：eg_js_dom_nodelist_loop）

<!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>