DOM

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

通过 id 找到 HTML 元素
document.getElementById("demo");
通过标签名找到 HTML 元素（数组）
document.getElementsByTagName("div");
通过类名找到 HTML 元素（数组）
document.getElementsByClassName("a");

父节点：parentNode
兄弟节点：在IE678中用nextSibling，在火狐谷歌IE9+以后用nextElementSibling
子节点：children