前言
- vue和react框架被广泛应用，封装了DOM操作
- 但是DOM操作一直都是前端工程师的基础、必备知识
- 只会vue而不懂DOM操作的程序员，不会长久
DOM
全称为文档对象模型（Document Object Model）。有这几个概念：
- 文档、元素、节点
- 整个文档是一个文档节点
- 每个标签是一个元素节点
- 包含在元素中的文本是文本节点
- 元素上的属性是属性节点
- 文档中的注释是注释节点
DOM树
DOM树是一种结构，树是由DOM元素和属性节点组成的，DOM的本质是把html结构化成js可识别的树模型，有了树模型，就有了层级结构，层级结构是指的是元素和元素之间的关系父子、兄弟。
更加形象的图解
<html><head><meta charset="utf-8"><title>标题</title></head><body><h1>我的标题</h1><a href="">我的链接</a></body>
</html>
