在 class="example" 的列表中修改 class="child" 的第一项(索引值为 0) 的文 - 在线编辑器

JavaScript 参考手册
HTML DOM getElementsByClassName() 方法
在 class="example" 的列表中修改 class="child" 的第一项(索引值为 0) 的文

          <ul class="example">
  <li class="child">Coffee</li>
  <li class="child">Tea</li>
</ul>
<p>点击按钮修改第一个列表项的文本信息 (索引值为 0)。</p>
<button onclick="myFunction()">点我</button>
<p><strong>注意:</strong> Internet Explorer 8 及更早 IE 版本不支持 getElementsByClassName() 方法。</p>
<script>
  function myFunction() {
    var list = document.getElementsByClassName("example")[0];
    list.getElementsByClassName("child")[0].innerHTML = "Milk";
  }
</script>
        