实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
x
 
1
<!DOCTYPE html>
2
<html>
3
<body>
4
5
<ul class="example">
6
  <li class="child">Coffee</li>
7
  <li class="child">Tea</li>
8
</ul>
9
10
<p>点击按钮修改第一个列表项的文本信息 (索引值为 0)。</p>
11
12
<button onclick="myFunction()">点我</button>
13
14
<p><strong>注意:</strong> Internet Explorer 8 及更早 IE 版本不支持 getElementsByClassName() 方法。</p>
15
16
<script>
17
function myFunction() {
18
    var list = document.getElementsByClassName("example")[0];
19
    list.getElementsByClassName("child")[0].innerHTML = "Milk";
20
}
21
</script>
22
23
</body>
24
</html>
25