js与dom节点的那些事

定义

• Dom俗称文本模型，对于一个html文件，浏览器会将其解析成树状的节点，就如同文章被分为不同段落一样，一般形成如下的一个简单的树状结构 image.png

对于元素节点你可以理解成标签<h1></h1>,你可以将这一对标签看做一个对象，那么既然是对象自然有属性和样式以及内容，他的内容也被称为文本节点比如<h1>文本</h1>，那么问题来了，如果是标签之外有空白文本，那么是文本节点么，答案:是，不过继续引申下去就涉及到浏览器兼容性问题了.

如何用js去控制dom节点

image.png

所谓属性节点你可以理解成固定属性，比如名字，性别这些东西，至于样式，你可以理解成颜值，两个长得一样的美女，一个用了会打扮，一个不会打扮，那么颜值自然不同

作用

1. 可以动态更改页面内容
2. 可以动态更改文章样式和属性
3. 它的最大作用就是让js可以控制页面显示，不需要在html页面直接修改了，方便后期维护与迭代