HTML之JavaScript DOM简介
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
以下引用自尚硅谷
