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

Last modification:March 22nd, 2018 at 08:17 pm
If you think my article is useful to you, please feel free to appreciate