Learning Path

DOM 教程

浏览 DOM 相关教程与章节。

前端与浏览器

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

教程

181

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

XML DOM 节点信息

XML DOM 节点信息 nodeName、nodeValue 和 nodeType 属性包含有关节点的信息。尝试一下 - 实例下面的实例使用 XML 文件 books.xml。函数 loadXMLDoc()，位于外部 JavaScript 中，用于加载 XML 文件。获取元素节点的节点名称本例使用 nodeName 属性来获取 'books.xml' 中根元素的节点名称。从文本节点获取文本本..

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

XML DOM - 导航节点

XML DOM - 导航节点可通过使用节点间的关系对节点进行导航。导航 DOM 节点通过节点间的关系访问节点树中的节点，通常称为导航节点（'navigating nodes'）。在 XML DOM 中，节点的关系被定义为节点的属性： parentNode childNodes firstChild lastChild nextSibling previousSibling 下面的图像展示了..

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

XML DOM 节点列表

XML DOM 节点列表节点列表由 getElementsByTagName() 方法和 childNodes 属性返回。尝试一下 - 实例下面的实例使用 XML 文件 books.xml。函数 loadXMLDoc()，位于外部 JavaScript 中，用于加载 XML 文件。从第一个 <title> 元素获取文本本例使用 getElementsByTagName() 方法从 �..

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

XML DOM 删除节点

XML DOM 删除节点 removeChild() 方法删除指定节点。 removeAttribute() 方法删除指定属性。尝试一下 - 实例下面的实例使用 XML 文件 books.xml。函数 loadXMLDoc()，位于外部 JavaScript 中，用于加载 XML 文件。删除元素节点本例使用 removeChild() 来删除第一个 <book> 元素。删除当前元素节..

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

XML DOM 替换节点

XML DOM 替换节点 replaceChild() 方法替换指定节点。 nodeValue 属性替换文本节点中的文本。尝试一下 - 实例下面的实例使用 XML 文件 books.xml。函数 loadXMLDoc()，位于外部 JavaScript 中，用于加载 XML 文件。替换元素节点本例使用 replaceChild() 来替换第一个 <book> 节点。替换文本节点中的数..

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

XML DOM 改变节点值

XML DOM 改变节点值 nodeValue 属性用于改变节点值。 setAttribute() 方法用于改变属性值。尝试一下 - 实例下面的实例使用 XML 文件 books.xml。函数 loadXMLDoc()，位于外部 JavaScript 中，用于加载 XML 文件。改变元素的文本节点本例使用 nodeValue 属性来改变 'books.xml' 中第一个 <title..

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

XML DOM 遍历节点树

XML DOM 遍历节点树遍历（Traverse）意味着在节点树中进行循环或移动。遍历节点树通常您想要循环 XML 文档，比如：当您需要提取每个元素的值时。这叫做“遍历节点树”。下面的实例遍历 <book> 的所有子节点，并显示他们的名称和值：实例 [mycode3 type='html'] [/mycode3][mycode3 type='j..

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

XML DOM 节点

XML DOM 节点在 DOM 中，XML 文档中的每个成分都是一个节点。 DOM 节点根据 DOM，XML 文档中的每个成分都是一个节点。 DOM 是这样规定的：整个文档是一个文档节点每个 XML 元素是一个元素节点包含在 XML 元素中的文本是文本节点每一个 XML 属性是一个属性节点注释是注释节点 DOM 实例请看下面的 XML 文件（books.xml）： books.xml 文件代码： ..

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

XML DOM 节点树

XML DOM 节点树 XML DOM 把 XML 文档视为一棵节点树。树中的所有节点彼此之间都有关系。 XML DOM 节点树 XML DOM 把 XML 文档视为一种树结构。这种树结构被称为节点树。可通过这棵树访问所有节点。可以修改或删除它们的内容，也可以创建新的元素。这颗节点树展示了节点的集合，以及它们之间的联系。这棵树从根节点开始，然后在树的最低层级向文本节点长出枝条：上面的图片表示 XML 文件 bo..

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

XML DOM 节点类型

XML DOM 节点类型 DOM 是一个代表节点对象层次的文档。尝试一下 - 实例下面的实例使用 XML 文件 books.xml。函数 loadXMLDoc()，位于外部 JavaScript 中，用于加载 XML 文件。显示所有元素的 nodeName 和 nodeType 显示所有元素的 nodeName 和 nodeValue 节点类型下面的表格列举了不同的 W3C 节点类型，每个节点类型中可能会包含子类：..

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

XML DOM 解析器

XML DOM 解析器大多数浏览器都内建了供读取和操作 XML 的 XML 解析器。解析器把 XML 转换为 JavaScript 可存取的对象（XML DOM）。 XML 解析器 XML DOM 包含了遍历 XML 树，访问、插入及删除节点的方法（函数）。然而，在访问和操作 XML 文档之前，它必须加载到 XML DOM 对象。 XML 解析器读取 XML，并把它转换为 XML DOM 对象，这样才可以使用 JavaScr..

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

XML DOM - ProcessingInstruction 对象

XML DOM - ProcessingInstruction 对象 ProcessingInstruction 对象 ProcessingInstruction 对象代表一个处理指令。处理指令用于维护 XML 文档的文本中特定处理器的信息。 ProcessingInstruction 对象属性属性描述 data 设置或返回处理指令的内容。 target 返回处理指令的目标。..

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

XML DOM isId 属性

XML DOM isId 属性 Attr 对象定义和用法 isId 属性在属性是 ID 类型时返回 true（例如，包含了其所属的元素的标识符），否则返回 false。语法 attrObject.isId 实例下面的代码片段使用 loadXMLDoc() 把 'books.xml' 载入 xmlDoc 中，并返回 category 属性是否是 <book> 元素的 ID..

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

XML DOM name 属性

XML DOM name 属性 Attr 对象定义和用法 name 属性返回属性的名称。语法 attrObject.name 实例下面的代码片段使用 loadXMLDoc() 把 'books.xml' 载入 xmlDoc 中，并显示 category 属性的名称和值：实例 [mycode3 type='js'] xmlDoc=loadXMLDoc('books..

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

XML DOM specified 属性

XML DOM specified 属性 Attr 对象定义和用法如果在文档中设置了属性值，则 specified 属性返回 true，如果是 DTD/Schema 中的默认值，则返回 false。语法 attrObject.specified 实例下面的代码片段使用 loadXMLDoc() 把 'books.xml' 载入 xmlDoc 中，并显示 category 属性的名称和值：实例..

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

XML DOM value 属性

XML DOM value 属性 Attr 对象定义和用法 value 属性返回属性的值。语法 attrObject.value 实例下面的代码片段使用 loadXMLDoc() 把 'books.xml' 载入 xmlDoc 中，并显示 category 属性的名称和值：实例 [mycode3 type='js'] xmlDoc=loadXMLDoc('boo..

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

XML DOM doctype 属性

XML DOM doctype 属性 Document 对象定义和用法 doctype 属性返回与文档相关的文档类型声明（DTD，全称 Document Type Declaration）。对于没有 DTD 的 XML 文档，则返回 null。该属性提供对 DocumentType 对象（Document 的一个子节点）的直接访问。语法 documentObject.doctype 实例下面的代码片段使用 loa..

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

XML DOM documentElement 属性

XML DOM documentElement 属性 Document 对象定义和用法 documentElement 属性返回文档的根节点。语法 documentObject.documentElement 实例下面的代码片段使用 loadXMLDoc() 把 'books.xml' 载入 xmlDoc 中，并显示 XML 文档的位置：实例 [mycode3 type='js&#..

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

XML DOM documentURI 属性

XML DOM documentURI 属性 Document 对象定义和用法 documentURI 属性设置或返回文档的位置。语法 documentObject.documentURI 实例下面的代码片段使用 loadXMLDoc() 把 'books.xml' 载入 xmlDoc 中，并显示 XML 文档的位置：实例 xmlDoc=loadXMLDoc('books.xml&..

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

XML DOM implementation 属性

XML DOM implementation 属性 Document 对象定义和用法 implementation 属性返回处理该文档的 DOMImplementation 对象。语法 documentObject.implementation 实例下面的代码片段使用 loadXMLDoc() 把 'books.xml' 载入 xmlDoc 中，并返回处理该文档的 DOMImplementatio..

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

XML DOM inputEncoding 属性

XML DOM inputEncoding 属性 Document 对象定义和用法 inputEncoding 属性返回用于文档的编码方式（在解析时）。语法 documentObject.inputEncoding 实例下面的代码片段使用 loadXMLDoc() 把 'books.xml' 载入 xmlDoc 中，并显示 XML 编码、standalone 属性和文档的 XML 版本：实例 ..

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

XML DOM strictErrorChecking 属性

XML DOM strictErrorChecking 属性 Document 对象定义和用法 strictErrorChecking 属性设置或返回是否强制进行错误检查。当设置为 false 时，实现不会对每个可能的错误情况进行测试。该属性默认设置为 true。语法 documentObject.strictErrorChecking 实例下面的代码片段使用 loadXMLDoc() 把 'books...

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

XML DOM tagName 属性

XML DOM tagName 属性 Element 对象定义和用法 tagName 属性返回选定元素的标签名称。语法 elementNode.tagName 实例下面的代码片段使用 loadXMLDoc() 把 'books.xml' 载入 xmlDoc 中，并从第一个 <title> 元素取得标签名称：实例 xmlDoc=loadXMLDoc('b..

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

XML DOM childNodes 属性

XML DOM childNodes 属性 Node 对象定义和用法 childNodes 属性返回指定节点的子节点的节点列表。语法 nodeObject.childNodes 提示和注释提示：请使用节点列表的 length 属性来计算一个节点列表中节点的数目。当您已经知道节点列表的长度后，您就可以轻松地循环遍历此列表，并提取您所需要的值！实例下面的代码片段使用 loadXMLDoc() 把 'bo..