DOM基础

DOM的级别 DOM
Core和DOM DOM Level 1, 分成DOM Level 1 Core DOM Level 1 HTML DOM 2,分成DOM Level 2 Core Core、 DOM Level 2, DOM Views、 DOM Level 2 Views Events、 DOM Level 2 Events Style、 DOM Level 2 Style Specification、 DOM Level 2 Traversal and Range Specification DOM Level 2 HTML DOM Level 3,还没有哪个浏览器可以完全实现DOM Level 3 HTML规范 3, DOM HTML
DOM 冒泡事件流
DOM 捕获事件流
Q&A
Thank You !来自DOM 1 HTML方式的话 ，得到id属性的字符串的值
myElement.id
DOM 节点树
DHTML本质上就是DOM ，DOM DOM树 DOM DOM树可以由HTML DHTML DOM HTML 代码直接构建DOM DOM树，也可以通过js js构建DOM DOM树， DOM js DOM 如果没有脚本语言，DOM DOM树的修改只能通过修改 DOM HTML源代码进行 HTML
DOM CURD
脚本开发人员可以通过文档对象的属性、方法和事 件来掌控、操纵和创建动态的网页元素。每一个网 页元素（一个HTML HTML标签）都对应着一个对象。 HTML
DOM 节点信息
• nodeName • nodeValue • nodeType
元素节点的 nodeName 是标签名称 属性节点的 nodeName 是属性名称 文本节点的 nodeName 永远是 #text 文档节点的 nodeName 永远是 #document 对于文本节点， 属性包含文本。 对于文本节点，nodeValue 属性包含文本。 对于属性节点， 属性包含属性值。 对于属性节点，nodeValue 属性包含属性值。 nodeValue 属性对于文档节点和元素节点是不可用的。 属性对于文档节点和元素节点是不可用的。
DOM基础 DOM基础
Document Object Module
DOM基础 DOM
• • • • • DOM 简介 DOM 分类 DOM 节点树 DOM CURD DOM 事件模型
DOM 简介
DOM是Document Model文档对象模型的缩写，是W3C W3C制定的一套规范。 DOM Document Object Model W3C 依据DOM DOM规范，DOM DOM是一种与浏览器，平台，语言无关的接口。 DOM DOM
cloneNode
DOM 更新节点(U) (U)
setAttribute, replaceChild ,innerText,innerHTML等
DOM 删除节点(D) (D)
removeChild, removeAttribute等
DOM 事件模型
DOM事件标准定义了两种事件流，这两种事 DOM 件流有着显著的不同,这两种事件流分别是捕 获和冒泡
DOM 获取节点(R) (R)
getElementById,getElementByTagName, firstChild,lastChild,parentNode, previousSibling,nextSibling 等
DOM 创建节点(C) (C)
createElement，createTextNode createElement createTextNode
DOM 分类
• XML Dom （Core API ） • HTML Dom （Core API HTML API ） API和HTML
DOM 1 Core部分中一切皆是节点 ，得到id属性的字符串的值
myElement.attributes[“id”].value; 或 myElement.getAttributes("id");