查看文档中有多少个样式 class="example" 的元素 (使用 NodeList 对的 length 属性)

<div class="example">

  样式 class="example" 的 div 元

</div>

<div class="example">

  另外一个样式 class="example" 的 div 元

</div>

<p class="example">样式 class="example" 的 p 元素</p>

<p>点击按钮查看文档中有多少个类名为 "example" 的元素。</p>

<button onclick="myFunction()">点我</button>

<p><strong>注意:</strong> Internet Explorer 8 及更早 IE 版本不支持 getElementsByClassName() 方法。</p>

<p id="demo"></p>

<script>

  function myFunction() {

    var x = document.getElementsByClassName("example");

    document.getElementById("demo").innerHTML = x.length;

  }

</script>