getElementsByClassName（）方法
目的是根据类名来获取一个nodel节点。同一个类有好多节点，但是呢可以自己选取。用x[0]诸如此类。
如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<div class="example">第一 Div 元素 class="example"。</div>
<div class="example">第二个 Div 元素 class="example"。</div>
<p>点击按钮修改第一个 Div 元素的文本信息（索引值为 0 的 class="example")。</p>
<button onclick="myFunction()">点我</button>
<p><strong>注意:</strong> Internet Explorer 8 及更早 IE 版本不支持 getElementsByClassName() 方法。</p>
<script>
function myFunction(){
x=document.getElementsByClassName("example");
x[0].innerHTML="hello,world!";
}
</script>
</body>
</html>
分析
x=document.getElementsByClassName("example");
这一句document是对象。getElementsByClassName("example")是方法。example是参数。
x[0].innerHTML="hello,world!";
这一句是给nodelist的第一个node的innerHTML属性赋值。代表标签之间的文字。
