（九）DOM

DOM

一、DOM基本概念

• DOM 是 JS 操控 HTML 和 CSS 的桥梁

1. DOM简介

• DOM（Document Object Model，文档对象模型）是 JavaScript 操作 HTML 文档的接口，使文档操作变得非常优雅、简便
• DOM 的最大特点就是讲文档表示为节点树

2. DOM节点树

• 
• 

二、节点

1. nodeType常用属性值

• 节点的 nodeType 属性可以显示这个节点具体的类型
• 

2. 访问元素节点

• 所谓 “访问” 元素节点，就是指 “得到”、“获取” 页面上的元素节点
• 对节点进行操作，第一步就是要得到它
• 访问元素节点主要依靠 document 对象
• document 对象：
  • document 对象是 DOM 中最重要的东西，几乎所有 DOM 的功能都封装在了 document 对象中
  • document 对象也表示整个 HTML 文档，它是 DOM 节点树的根
  • document 对象的 nodeType 属性值是 9

3. 访问元素节点的常用方法

(1) getElementById()

• document.getElementById() 的功能是通过 id 得到元素节点