getElementById

通过 id 找到 HTML 元素，返回值是一个标签，可以直接使用。获得属性值，设置属性。
document.getElementById("demo");

getElementsByTagName

通过标签名找到 HTML 元素,返回值是一个标签数组，习惯性是遍历之后再使用。
document.getElementsByTagName("div");

getElementsByClassName

通过类名找到 HTML 元素，返回值是一个标签数组，习惯性是遍历之后再使用。
`document.getElementsByClassName("a");
注意：通过类名查找 HTML 元素在 IE 5,6,7,8 中无效

特殊情况：数组中的值只有1个。

• document.getElementsByTagName("div")[0];取数组中第一个元素。
• document.getElementsByClassName("a")[0];取数组中第一个元素。

附录：DOM的解析过程
HTML加载完毕，渲染引擎会在内存中把HTML文档，生成一个DOM树，getElementById是获取内中DOM上的元素节点。然后操作的时候修改的是该元素的属性。