JavaScript学习—DOM总结

DOM概念：

      DOM是文档对象模型（Document Object Model）的简称，它的基本思想是把结构化文档（比如HTML和XML）解析成一系列的节点（对象），再由这些节点组成一个树状结构（DOM Tree）。所有的节点和最终的树状结构，都有规范的对外接口，以达到使用编程语言操作文档的目的（比如增删内容）。
      当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。HTML DOM 模型被构造为对象的树。

作用：

      JavaScript 能够改变页面中的所有 HTML 元素
      JavaScript 能够改变页面中的所有 HTML 属性
      JavaScript 能够改变页面中的所有 CSS 样式

      JavaScript 能够对页面中的所有事件做出反应

Node类型属性    

     DOM1 级定义了一个 Node 接口，该接口将由 DOM 中的所有节点类型实现。JavaScript 中的所有节点类型都继承自 Node 类型，因此所有节点类型都共享着相同的基本属性和方法。每个节点都有nodeType 、nodeName 和 nodeValue 属性。例如元素节点的nodeType == '1';文本节点的nodeType == '3';文档节点的nodeType == '9';

节点的主要类型

节点类型	说明	例子
Document节点	文档节点	整个文档（window.document）
Element节点	元素节点	HTML元素（比如、等）
Text节点	文本节点	HTML文档中出现的文本
Attribute节点	属性节点	HTML元素的属性（比如class=”ceshi”）

节点关系

DOM基础操作

设置节点的CSS样式

事件

      概念：事件是可以被JavaScript侦测到的行为。网页中的每个元素都可以产生某些可以触发JavaScript函数的事件

事件的绑定方式

      格式：节点对象.on+事件名 = 事件处理程序;     div.onclick = function(){}

    （事件目标：节点对象  事件类型：事件名  事件处理程序：函数）

事件分类

小结：

        对于DOM的总结暂时就到这里了，理解尚浅欢迎各位大神多多指教！