dom树的节点类型
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<!--
DOM树中有4中节点类型
元素节点
属性节点
文本节点
注释节点
element对象
node对象
两者统称为DOM对象
节点的属性
nodeType 必须要了解
nodeName
nodeValue
元素节点
nodeType 1
nodeName 大写标签名
nodeValue null
属性节点
nodeType 2
nodeName 属性名
nodeValue 属性值
文本节点
nodeType 3
nodeName #text
nodeValue 文本内容
注释节点
nodeType 8
nodeName #comment
nodeValue 注释内容
文档节点
nodeType 9
nodeName #document
nodeValue null
-->
<div>
<h1>1</h1>
<p>2</p>
</div>
<!--
注释
-->
<script>
var div = document.getElementsByTagName('div');
console.log(div);
console.log(document.body.childNodes)
</script>
</body>
</html>