Learning Path

DOM 教程

浏览 DOM 相关教程与章节。

前端与浏览器

HTML、CSS、JavaScript、浏览器 API、前端框架与 UI 工程。

教程

181

TUTORIAL前端与浏览器已抓取/DOM

XML DOM firstChild 属性

XML DOM firstChild 属性 Node 对象定义和用法 firstChild 属性返回指定节点的第一个子节点。语法 nodeObject.firstChild 提示和注释注释：Firefox 以及大多数其他的浏览器，会把节点间生成的空的空格或者换行当作文本节点，而 Internet Explorer 会忽略节点间生成的空白文本节点。因此，在下面的实例中，我们会使用一个函数来检查第一个子节点的节点类型。..

TUTORIAL前端与浏览器已抓取/DOM

XML DOM lastChild 属性

XML DOM lastChild 属性 Node 对象定义和用法 lastChild 属性返回指定节点的最后一个子节点。语法 nodeObject.lastChild 提示和注释注释：Firefox 以及大多数其他的浏览器，会把节点间生成的空的空格或者换行当作文本节点，而 Internet Explorer 会忽略节点间生成的空白文本节点。因此，在下面的实例中，我们会使用一个函数来检查最后一个子节点的节点类型。 ..

TUTORIAL前端与浏览器已抓取/DOM

XML DOM namespaceURI 属性

XML DOM namespaceURI 属性 Node 对象定义和用法 namespaceURI 属性设置或返回节点的命名空间 URI。语法 nodeObject.namespaceURI 实例下面的代码片段使用 loadXMLDoc() 把 'books_ns.xml' 载入 xmlDoc 中，并返回 <title> 元素的命名空间 URI：实例 [mycod..

TUTORIAL前端与浏览器已抓取/DOM

XML DOM nextSibling 属性

XML DOM nextSibling 属性 Node 对象定义和用法 nextSibling 属性返回元素之后紧接的节点（处于同一树层级中）。如果无此节点，则该属性返回 null。语法 nodeObject.nextSibling 提示和注释注释：Firefox 以及大多数其他的浏览器，会把节点间生成的空的空格或者换行当作文本节点，而 Internet Explorer 会忽略节点间生成的空白文本节点。因此，在..

TUTORIAL前端与浏览器已抓取/DOM

XML DOM nodeName 属性

XML DOM nodeName 属性 Node 对象定义和用法 nodeName 属性返回节点的名称，根据其类型。语法 nodeObject.nodeName 实例下面的代码片段使用 loadXMLDoc() 把 'books.xml' 载入 xmlDoc 中，并显示根节点的节点名称和节点类型：实例 xmlDoc=loadXMLDoc('books.xml'); doc..

TUTORIAL前端与浏览器已抓取/DOM

XML DOM nodeType 属性

XML DOM nodeType 属性 Node 对象定义和用法 nodeType 属性返回节点的节点类型。语法 nodeObject.nodeType 实例下面的代码片段使用 loadXMLDoc() 把 'books.xml' 载入 xmlDoc 中，并显示根节点的节点名称和节点类型：实例 xmlDoc=loadXMLDoc('books.xml'); documen..

TUTORIAL前端与浏览器已抓取/DOM

XML DOM nodeValue 属性

XML DOM nodeValue 属性 Node 对象定义和用法 nodeValue 属性设置或返回节点的值，根据其类型。语法 nodeObject.nodeValue 实例下面的代码片段使用 loadXMLDoc() 把 'books.xml' 载入 xmlDoc 中，并显示根节点的节点名称和节点值：实例 xmlDoc=loadXMLDoc('books.xml');..

TUTORIAL前端与浏览器已抓取/DOM

XML DOM ownerDocument 属性

XML DOM ownerDocument 属性 Node 对象定义和用法 ownerDocument 属性返回节点的根元素（document 对象）。语法 nodeObject.ownerDocument 实例下面的代码片段使用 loadXMLDoc() 把 'books.xml' 载入 xmlDoc 中，并返回第一个 <title> 节点的根元素：实例 xml..

TUTORIAL前端与浏览器已抓取/DOM

XML DOM parentNode 属性

XML DOM parentNode 属性 Node 对象定义和用法 parentNode 属性返回节点的父节点。语法 nodeObject.parentNode 实例下面的代码片段使用 loadXMLDoc() 把 'books.xml' 载入 xmlDoc 中，并返回第一个 <title> 元素的父节点：实例 xmlDoc=loadXMLDoc('..

TUTORIAL前端与浏览器已抓取/DOM

XML DOM previousSibling 属性

XML DOM previousSibling 属性 Node 对象定义和用法 previousSibling 属性返回元素之前紧接的节点（处于同一树层级中）。如果无此节点，则该属性返回 null。语法 nodeObject.previousSibling 提示和注释注释：Firefox 以及大多数其他的浏览器，会把节点间生成的空的空格或者换行当作文本节点，而 Internet Explorer 会忽略节点间生..

TUTORIAL前端与浏览器已抓取/DOM

XML DOM textContent 属性

XML DOM textContent 属性 Node 对象定义和用法 textContent 属性设置或返回节点及其后代的文本内容。当设置时，任何子节点会被删除且被替换成一个单一的 Text 节点，该节点包含设置该属性的字符串。语法 nodeObject.textContent 实例下面的代码片段使用 loadXMLDoc() 把 'books.xml' 载入 xmlDoc 中，并返回 &am..

TUTORIAL前端与浏览器已抓取/DOM

XML DOM length 属性

XML DOM length 属性 NodeList 对象定义和用法 length 属性返回节点列表中的节点数量。语法 nodelistObject.length 实例下面的代码片段使用 loadXMLDoc() 把 'books.xml' 载入 xmlDoc 中，并取得 <title> 元素的数量：实例 xmlDoc=loadXMLDoc('book..

TUTORIAL前端与浏览器已抓取/DOM

您已经学习了 XML DOM，现在该怎么办呢？

您已经学习了 XML DOM，现在该怎么办呢？ XML DOM 总结 XML DOM 定义了访问和操作 XML 的标准。根据 DOM，XML 文档中的一切是一个节点。元素节点中的文本存储在一个文本节点中。 XML DOM 把 XML 文档视为树结构。树结构被称为节点树。在节点树中，父级、子级和同级是用来描述关系。所有现代的浏览器都有内建的 XML 解析器，可用于读取和操作 XML。通过 XML DOM 属性和方法，您可以访..

TUTORIAL前端与浏览器已抓取/DOM

XML DOM - Text 对象

XML DOM - Text 对象 Text 对象 Text 对象表示元素或属性的文本内容。 Text 对象属性属性描述 data 设置或返回元素或属性的文本。 isElementContentWhitespace 判断文本节点是否包含空白字符内容。如果文本节点包含空白字符内容，则返回 true，否则返回 false。 length 返回元素或属性的文本长度。 wholeText 以文档中的顺序向此节点..

TUTORIAL前端与浏览器已抓取/DOM

XML DOM 教程

XML DOM 教程 XML DOM 定义访问和操作XML文档的标准方法。 DOM 将 XML 文档作为一个树形结构，而树叶被定义为节点。如果你想使用XML，你就需要了解XML DOM。现在开始学习XML DOM ! XML DOM 树形实例 XML DOM 对象参考手册在菜鸟教程中，我们提供完整的 DOM 参考手册，其中包括所有的对象以及它们的属性和方法。 XML DOM 参考手册 XML DOM 实例学习..

TUTORIAL前端与浏览器已抓取/DOM

XML DOM 验证 XML 语法

XML DOM 验证 XML 语法 XML 错误将会停止您的 XML 程序 XML 文档中的错误将停止您的 XML 程序。 W3C XML 规范规定如果发现错误，程序不应该继续处理 XML 文档。究其原因是 XML 软件应该是易于编写的，所有的 XML 文档应该是兼容的。通过 HTML 就有可能创建带有“错误”（如缺少结束标签）的文档。HTML 浏览器如此巨大且不相容的主要原因之一是在遇到 HTML 错误时它们都有自己的方..

TUTORIAL前端与浏览器已抓取/DOM

XML DOM appendData() 方法

XML DOM appendData() 方法 CDATA 对象定义和用法 appendData() 方法向 CDATA 节点的末尾添加数据。语法 CDATANode.appedData(string) 参数描述 string 必需。向 CDATA 节点添加的字符串。实例下面的代码片段使用 loadXMLDoc() 把 'books_cdata.xml'..

TUTORIAL前端与浏览器已抓取/DOM

XML DOM deleteData() 方法

XML DOM deleteData() 方法 CDATA 对象定义和用法 deleteData() 方法从 CDATA 节点删除数据。语法 CDATANode.deleteData(start,length) 参数描述 start 必需。规定从何处开始删除数据。开始值以 0 开始。 length 必需。规定删除多少个字符。实例下面的代码片段使用 loadX..

TUTORIAL前端与浏览器已抓取/DOM

XML DOM insertData() 方法

XML DOM insertData() 方法 CDATA 对象定义和用法 insertData() 方法向 CDATA 节点插入数据。语法 insertData(start,string) 参数描述 start 必需。规定在何处开始插入字符。开始值以 0 开始。 string 必需。规定要插入的数据。实例下面的代码片段使用 loadXMLDoc() 把 &..

TUTORIAL前端与浏览器已抓取/DOM

XML DOM replaceData() 方法

XML DOM replaceData() 方法 CDATA 对象定义和用法 replaceData() 方法替换 CDATA 节点中的数据。语法 CDATANode.replaceData(start,length,string) 参数描述 start 必需。规定在何处替换字符。开始值以 0 开始。 length 必需。规定替换多少个字符。 string ..

TUTORIAL前端与浏览器已抓取/DOM

XML DOM splitText() 方法

XML DOM splitText() 方法 CDATA 对象定义和用法 splitText() 方法按照指定的 offset 把文本节点分割为两个节点。该函数返回包含偏移处之后的文本的节点。偏移处之前的文本保留在原来的文本节点中。语法 replaceData(offset) 参数描述 offset 必需。规定在何处分割文本节点。偏移值以 0 开始。实例下面的代码片段使..

TUTORIAL前端与浏览器已抓取/DOM

XML DOM substringData() 方法

XML DOM substringData() 方法 CDATA 对象定义和用法 substringData() 方法从 CDATA 节点中获取字符串。语法 CDATANode.substringData(start,length) 参数描述 start 必需。规定从何处开始提取字符。开始值以 0 开始。 length 必需。规定提取多少字符。实例下面的代码..

TUTORIAL前端与浏览器已抓取/DOM

XML DOM appendData() 方法

XML DOM appendData() 方法 Comment 对象定义和用法 appendData() 方法向注释节点的末尾添加数据。语法 commentNode.appedData(string) 参数描述 string 必需。向注释节点添加的字符串。实例下面的代码片段使用 loadXMLDoc() 把 'books_comment.xml' 载入 ..

TUTORIAL前端与浏览器已抓取/DOM

XML DOM deleteData() 方法

XML DOM deleteData() 方法 Comment 对象定义和用法 deleteData() 方法从注释节点删除数据。语法 commentNode.deleteData(start,length) 参数描述 start 必需。规定从何处开始删除数据。开始值以 0 开始。 length 必需。规定删除多少个字符。实例下面的代码片段使用 loadXM..