JavaScript 中的 DOM 对象（Document 对象、Element 对象、Node 对象）

1、操作标记型文档

---

想要对标记型文档进行操作，首先需要对标记型文档里面的所有内容封装成对象，把 HTML 里面的标签、属性、文本内容封装成对象，然后解析标记型文档

2、解析标记型文档

---

根据HTML的层级结构，在内存中分配一个树形结构，需要把 HTML 中的每部分封装成对象

• document 对象：整个文档

• element 对象：标签对象

• 属性对象

• 文本对象

Node 节点对象：这是上面这些对象的父对象（如果在对象里面找不到想要的方法，可以到父对象 Node 中去找）

二、Document 对象

=============

每个载入浏览器的 HTML 文档都会成为 Document 对象，常用方法有：

• write()：向页面输出变量和 HTML 代码

• getElementById()：通过 id 得到元素

• getElementsByName()：通过name的属性值，返回带有指定名称的对象集合

• getElementsByTagName()：返回带有指定标签名的对象集合

注：

当只有一个标签时，并只能使用name获取到，这是使用getElementsByName和getElementsByTagName时，只有一个元素就不用遍历了，而是可以直接通过数组的下标获取到值

三、Element 对象

============

1、常用方法

---

element 对象是标签对象，要造作 element 对象的属性，首先要获取到 element，可以使用 document中的方法，element中常用的方法有：

• getAttribute(name)：获取属性方法

• setAttribute(name，value)：设置属性方法

• removeAttribute(name)：删除属性方法（不能删除value）

2、获取子标签

---

• getElementsByTagName()：用来查找其他节点的唯一有效方法

• oneStar
• twoStar
• threeStar

• 三、Node 对象

  =========

  1、Node 对象的属性

  ---

  • nodeName

  • 如果节点是元素节点，返回这个元素的名称

  • 如果是属性节点，返回这个属性的名称

  • 如果是文本节点，返回这个属性的名称

  • nodeType

  • 1  --元素节点

  • 2  --属性节点

  • 3  --文本节点

  • nodeValue

  • 如果给定节点是一个元素节点，返回值是 null

  • 如果给定节点是一个属性节点，返回值是这个属性的值

  • 如果给定节点是一个文本节点，返回值是这个文本的内容

  oneStar

  ---