【JavaScript】DOM总结

DOM（Document ObjectModel）即文档对象模型。其中D（文档）可以理解为整个web加载的网页文档，O（对象），就是指一个对象，这里的对象是document对象，DOM的操作就是基于调用这个对象的属性和方法来完成的，M（模型）就是网页文档的树型结构，DOM描述了一个层次化的节点树，而这个树就是这个模型，通过这个树，我们可以更加方便我们对网页内容和样式的操作。



节点

在DOM中一个很重要的概念，DOM的操作就是基于节点的操作，也就是说DOM通过节点找到要修改的内容。

整个文档是一个文档节点
每个 HTML 元素是元素节点
HTML 元素内的文本是文本节点
每个 HTML 属性是属性节点
注释是注释节点

节点分类

DOM节点分为元素节点、属性节点、文本节点和注释节点.

节点树

在一个Html页中，我们会看到有标签、文本、属性，而这些标签、文本、属性经常是嵌套的，正是由于这种嵌套的关系，构成了父子节点。同时也形成了一个节点树。不同的html标签自然所构成的树也是不同的



节点操作

DOM,不单单可以查找节点，也可以创建、复制、插入、删除和替换

总结

JavaScript的存在使得静态的HTML文档变成了交互式的web应用变成了动态的网页，其中DOM的使用就实现了由静态的网页变成动态的网页。DOM通过查找节点，并由此为基础可以获得它的子节点父节点，属性节点。当获得一个节点后便可以向其中插入内容，或者做其他的操作比如插入删除和替换节点。