dom级别nilnul.ppt

createElement() 方法创建新的元素节点： createTextNode() 方法创建新的文本节点： createCDATASection() 方法创建一个新的 CDATA section 节点。 createComment() 方法创建一个新的注释节点。 createAttribute() 用于创建新的属性节点： xmlDoc=loadXMLDoc(books.xml); newatt=xmlDoc.createAttribute(edition); newatt.nodeValue=first; x=xmlDoc.getElementsByTagName(title); x[0].setAttributeNode(newatt); insertData() 方法将数据插入已有的文本节点中。 insertData() 方法有两个参数： offset - 在何处开始插入字符（以 0 开始） string - 要插入的字符串 一个 HTML DOM 的实例 //下面这个例子向我们展示了当一个用户在文档中点击时，HTML 文档的背景颜色如何被改变。 html head script type=text/javascript function ChangeColor() { document.body.bgColor=yellow } /script /head body onclick=ChangeColor() Click on this document! /body /html DOM 解析中的浏览器差异 所有现代浏览器都支持 W3C DOM 规范。 不过，浏览器之间是有差异的。重要的区别有两点： 加载 XML 的方式 处理空白和换行的方式 Fired by Host Objects event html body onclick=alert(Date()); /body /html Thank You! Resouces /htmldom/dom_intro.asp XMLHttpRequest 在所有现代浏览器中（包括 IE 7）： xmlhttp=new XMLHttpRequest() XMLHttpRequest 对象是 W3C 的标准吗？ 任何 W3C 推荐标准均未规定 XMLHttpRequest 对象。 不过，W3C DOM Level 3 的 Load and Save 规范包含了一些相似的功能性，但是还没有任何浏览器实现它们。 * , the Greek goddess of the rainbow and a messenger of the gods * * The standard describing ES. This is a high order language. The ES language itself, for coders In the standard, we use the following terms: function /en-us/library/d1et7k7c(v=VS.94).aspx * * * * removeChild() 方法是唯一可以删除指定节点的方法。 removeChild() 方法可用于删除文本节点： nodeValue 属性可用于改变或清空文本节点的值： * * * * * DOM Level 2 各部分 DOM Level 2 核心 DOM Level 2 核心 规定了访问和更改文档内容及结构的一个 API，此 API 同时包含用于 XML 的接口。 DOM Level 2 HTML DOM Level 2 HTML 规定了操作 HTML 文档结构和内容的 API。（这部分规范仍然是工作草案） DOM Level 2 Views DOM Level 2 规定了对文档视图进行访问和更改的 API。视图是与原文档相关联的表现形式或某种备用的表现形式。 DOM Level 2 Style DOM Level 2 Style 规定了动态访问及更改内容样式表的 API。 DOM Level 2 Events DOM Level 2 Events 规定了访问文档事件的 API。 DOM Level 2 Traversal-Range DOM Level 2 Traversal-Range 规定了动态遍历和识别文档中内容范围的 API。 DOM 级别 3 DOM Level 3 规定了内容模型 (DTD 和 Schemas) 和文档验证。同时规定了文档加载和保存、文档查看、文档格式化和关键事件。DOM Level 3 建立于 DOM Core Level 2 之上。 DOM Level 3