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上的元素节点。然后操作的时候修改的是该元素的属性。