DOM是浏览器将HTML解析成的树状对象结构，每个标签、文本等均为节点；可通过getElementById、querySelector等获取元素，再用textContent、innerHTML、style、classList等修改内容样式，或用createElement、appendChild等动态增删改元素。
JavaScript DOM（文档对象模型）是浏览器把 HTML 页面转换成的一个树状结构，让你能用 JavaScript 动态地读取、修改、添加或删除网页里的内容和样式。
DOM 是什么：网页的“JS 可操作版本”
当你写好一个 HTML 文件，浏览器加载后并不会直接按源码运行，而是先解析它，生成一个内存中的对象结构——这就是 DOM。每个标签（比如 最常用的是这几个方法，返回一个或多个元素对象： 拿到元素后，就能操作它的内容、样式、属性了： 网页中拖动 DIV 是很常见的操作，今天就分享给大家一个 jQuery 多列网格拖动布局插件，和其它的插件不太一样的地方在于你处理拖放的元素支持不同大小，并且支持多列的网格布局，它们会自动的根据位置自己排序和调整。非常适合你开发具有创意的应用。这个插件可以帮助你将任何的 HTML 元素转换为网格组件 立即学习“Java免费学习笔记（深入）”； DOM 支持动态构建界面，常见操作有： DOM 操作的核心就是“先选中，再动手”。只要确保 JS 在 HTML 加载完之后运行（比如放在 ）、文本、甚至注释，都会变成一个“节点”（Node），彼此有父子、兄弟等关系。你可以把它想象成一棵家谱树， 是根， 和 是它的孩子，再往下层层展开。
怎么找到页面里的元素（获取节点）
querySelector(".btn") 或 querySelector("header h1")，只返回第一个匹配项怎么改元素的内容和属性
backgroundColor）怎么添加、删除、替换元素
前，或用 DOMContentLoaded 事件），就不会找不到元素。不复杂但容易忽略。
