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