1.了解DOM
DOM:文档对象模型(Document Object Model)
DOM是访问HTML和操作HTML的标准
Core DOM:核心DOM，针对任何结构化文档的标准模型
XML DOM：针对XML 文档的标准模型
HTML DOM:针对HTML 文档的标准模型
2.DOM节点的分类
1.文档节点
2.标签（元素）节点
3.属性节点
4.文本节点
5.注释节点
3.DOM节点层级关系（DOM树）
1.父节点（parent node）：父节点拥有任意数量的子节点
2.子节点（child node）：子节点只能拥有一个父节点
3.兄弟节点（sibling node）：拥有相同父节点的同级节点
4.根节点（root node）：一个html文档一般只有一个根节点，根节点没有父亲节点，是最上层的节点
祖先节点：包含子节点的节点都可以叫祖先节点，其中包括了父节点
后代节点：一个节点内包含的所有节点，叫后代节点，其中包括了子节点
4. JS跟页面中这些标签进行交互
1.获取标签（元素）节点
修改标签css样式
修改标签属性
2.创建标签
3.删除标签
4.复制标签
5.插入标签