DOM element 详解

Gecko内核的浏览器会在源代码中标签内部有空白符的地方插入一个文本结点到文档中.因此,使用诸如 Node.firstChild 和 Node.previousSibling Node.nextSibling 之类的方法可能会引用到一个空白符文本节点, 而不是使用者所预期得到的节点.

Node.nextElementSibling Node.previousElementSibling 可以选取到node，不会选到奇怪的text

parentNode
childNodes

元素出现在页面中：
Element.scrollIntoView()
参数：
alignToTop
一个Boolean值：
如果为true，元素的顶端将和其所在滚动区的可视区域的顶端对齐。
如果为false，元素的底端将和其所在滚动区的可视区域的底端对齐。
scrollIntoViewOptions
一个boolean或一个带有选项的object：
{

behavior: "auto"  | "instant" | "smooth",
block:    "start" | "end",

}
如果是一个boolean, true 相当于{block: "start"}，false 相当于{block: "end"}