Element 与 Node 的区别
<html>
<head><title>Element & Node</title></head>
<body>
<!-- div水平居中-->
<div class="content" id="div1">
<div id="div2" class="h_center">水平居中</div>
</div>
<!--垂直水平居中-->
<div class="content" id="div3">
<div id = "div4" class="h_v_center">水平垂直居中</div>
</div>
</body>
</html>使用 document.body.childNodes 以及 document.body.children 分别获取 NodeList 与 HTMLCollection
由上图结果可见,Node包含了Element,Element是特殊的Node(Element继承了Node),其中 text 为每个标签间的空白处(插入新的标签的位置)，comment 为注释