HTML之JavaScript DOM简介
DOM对象是一个树形对象
DOM树上的结点类型分类：
- 元素节点 element 标签
- 属性节点 attribute 属性
- 文本节点 text 双标签中间的文本
HTML代码
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>小标题</title>
</head>
<body><div class="outDiv"><div class="innerDiv d1">1</div><div class="innerDiv d2">2</div><div class="innerDiv d3">3</div></div>
</body>
</html>
DOM对象生成树
html
├── head
│ ├── meta
│ ├── meta
│ └── title
│ └── Text: 小标题
└── body└── div.outDiv├── div.innerDiv.d1│ └── Text: 1├── div.innerDiv.d2│ └── Text: 2└── div.innerDiv.d3└── Text: 3以下引用自尚硅谷
