前端JS之【DOM的基本操作】

1.什么是DOM？

HTML DOM（文档对象模型）

当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。

HTML DOM 模型被结构化为对象树：

2. DOM能做什么？

DOM操作就是操作文档内容，即html标签内的所有内容。

• JavaScript 能改变页面中的所有 HTML 元素
• JavaScript 能改变页面中的所有 HTML 属性
• JavaScript 能改变页面中的所有 CSS 样式
• JavaScript 能删除已有的 HTML 元素和属性
• JavaScript 能添加新的 HTML 元素和属性
• JavaScript 能对页面中所有已有的 HTML 事件作出反应
• JavaScript 能在页面中创建新的 HTML 事件

3. DOM操作(查标签，操作标签，操作class与css，获取值)

DOM操作的特效：临时有效，刷新即无。

DOM操作分为俩布：查找标签 操作标签

3.1 查找标签

// 直接查找：查找器