Learning Path
浏览 DOM 相关教程与章节。
HTML、CSS、JavaScript、浏览器 API、前端框架与 UI 工程。
教程
181
XML DOM removeAttributeNode() 方法 Element 对象 定义和用法 removeAttributeNode() 方法删除指定的属性节点。 如果属性的默认值是在 DTD 中定义，那么新属性出现时会带有该默认值。 该函数返回要删除的属性节点。 语法 elementNode.removeAttributeNode(node) 参数 描述 node 必需。要删除的节点。..
XML DOM setAttribute() 方法 Element 对象 定义和用法 setAttribute() 方法添加新属性。 如果元素中已经存在指定名称的属性，它的值更改为 value 参数的值。 语法 elementNode.setAttribute(name,value) 参数 描述 name 必需。规定要设置的属性的名称。 value 必需。规定要设置的属性的值。..
XML DOM setAttributeNode() 方法 Element 对象 定义和用法 setAttributeNode() 方法添加新的属性节点。 如果元素中已经存在指定名称的属性，那么该属性将被新属性替代。如果新属性替代了已有的属性，则返回被替代的属性节点，否则返回 NULL。 语法 elementNode.setAttributeNode(att_node) 参数 描述 att_node ..
XML DOM appendChild() 方法 Node 对象 定义和用法 appendChild() 方法把新的子节点追加到节点的子节点列表的末尾。 该方法返回新的子节点。 语法 appendChild(newchild) 参数 描述 newchild 要追加的节点。 实例 下面的代码片段使用 loadXMLDoc() 把 'books.xml' 载入 xmlD..
XML DOM cloneNode() 方法 Node 对象 定义和用法 cloneNode() 方法创建指定节点的精确拷贝。 该方法返回克隆的节点。 语法 nodeObject.cloneNode(include_all) 参数 描述 include_all 必需。假如布尔参数被设置为 true，那么被克隆的节点会克隆原节点的所有子节点。 实例 下面的代码片段使用 loadXMLD..
XML DOM compareDocumentPosition() 方法 Node 对象 定义和用法 compareDocumentPosition() 方法根据文档顺序比较当前节点与指定节点的文档位置。 语法 nodeObject.compareDocumentPostition(node) 参数 描述 node 必选。规定与当前节点进行比较的节点。 实例 下面的代码片段使用 lo..
XML DOM hasAttributes() 方法 Node 对象 定义和用法 hasAttributes() 方法在节点拥有属性时返回 true，否则返回 false。 语法 nodeObject.hasAttributes() 实例 下面的代码片段使用 loadXMLDoc() 把 'books.xml' 载入 xmlDoc 中，并返回第一个 <book> 元素是否拥..
XML DOM hasChildNodes() 方法 Node 对象 定义和用法 hasChildNodes() 方法在节点拥有子节点时返回 true，否则返回 false。 语法 nodeObject.hasChildNodes() 实例 下面的代码片段使用 loadXMLDoc() 把 'books.xml' 载入 xmlDoc 中，并返回第一个 <book> 元素是否..
XML DOM insertBefore() 方法 Node 对象 定义和用法 insertBefore() 方法在已有的子节点之前插入一个新的子节点。 该方法返回新的子节点。 语法 insertBefore(newchild,refchild) 参数 描述 newchild 要插入的新节点。 refchild 在该节点之前插入新节点。 实例 下面的代码片段使用 loa..
XML DOM isEqualNode() 方法 Node 对象 定义和用法 isEqualNode() 方法在节点与给定的节点相等时返回 true，否则返回 false。 语法 nodeObject.isEqualNode(node) 参数 描述 node 必需。要检查的节点。 实例 下面的代码片段使用 loadXMLDoc() 把 'books.xml' 载入..
XML DOM isSameNode() 方法 Node 对象 定义和用法 isSameNode() 方法在节点与给定的节点是同一节点时返回 true，否则返回 false。 语法 nodeObject.isSameNode(node) 参数 描述 node 必需。要检查的节点。 实例 下面的代码片段使用 loadXMLDoc() 把 'books.xml' 载入..
XML DOM removeChild() 方法 Node 对象 定义和用法 removeChild() 方法删除子节点。 如果成功该函数返回被删除的节点，如果失败则返回 NULL。 语法 elementNode.removeChild(node) 参数 描述 node 必需。规定要删除的子节点。 实例 下面的代码片段使用 loadXMLDoc() 把 'books.xml..
XML DOM replaceChild() 方法 Node 对象 定义和用法 replaceChild() 方法把某个子节点替换成另一个。 如果成功该函数则返回被替换的节点，如果失败则 NULL。 语法 elementNode.replaceChild(new_node,old_node) 参数 描述 new_node 必需。指定新的节点。 old_node 必需。指定被替换的..
XML DOM item() 方法 NodeList 对象 定义和用法 item() 方法返回节点列表中指定索引号的节点。 语法 item(index) 参数 描述 index 索引。 提示和注释 注释：Firefox 以及大多数其他的浏览器，会把节点间生成的空的空格或者换行当作文本节点，而 Internet Explorer 会忽略节点间生成的空白文本节点。因此，在下面的实例中，我..
XML DOM - 属性和方法 属性和方法向 XML DOM 定义了编程接口。 编程接口 DOM 把 XML 模拟为一系列节点对象。可通过 JavaScript 或其他编程语言来访问节点。在本教程中，我们使用 JavaScript。 对 DOM 的编程接口是通过一套标准的属性和方法来定义的。 属性经常按照“某事物是什么”的方式来使用（例如节点名是 'book'）。 方法经常按照“对某事物做什么”的方式来使用（..
XML DOM 浏览器差异 DOM 解析中的浏览器差异 所有现代的浏览器都支持 W3C DOM 规范。 然而，浏览器之间是有差异的。一个重要的差异是： 处理空白和换行的方式 DOM - 空白和换行 XML 经常在节点之间包含换行或空白字符。这是在使用简单的编辑器（比如记事本）编辑文档时经常出现的情况。 下面的例子（由记事本编辑）在每行之间包含 CR/LF（换行），在每个子节点之前包含两个空格： <book&..
XML DOM - NamedNodeMap 对象 NamedNodeMap 对象代表一个节点的无序列表。 NamedNodeMap 对象 NamedNodeMap 中的节点可以通过它们的名称进行访问。 NamedNodeMap 将会自我更新。如果在节点列表或 XML 文档中删除或添加一个元素，那么该列表将会自动更新。 注意：在命名节点图中，节点不会以任何特定的顺序返回。 NamedNodeMap 对象属性 属性 描述 l..
XML DOM - Node 对象 Node 对象 Node 对象代表文档树中的一个单独的节点。 这里的节点可以是：元素节点、属性节点、文本节点以及所有在 节点类型这章中所提到的所有其他的节点类型。 请注意，尽管所有的对象都继承了用以处理父节点和子节点的 Node 属性 / 方法，但是并不是所有的对象都可以包含父节点或子节点。举个例子来说，Text 节点中可能不包含子节点，所以把子节点添加到文本节点中可能会导致一个 DOM 错误。 ..
XML DOM - NodeList 对象 NodeList 对象代表一个有序的节点列表。 NodeList 对象 节点列表中的节点可以通过其对应的索引数字（从 0 开始计数）进行访问。 节点列表可保持其自身的更新。如果节点列表或 XML 文档中的某个元素被删除或添加，列表也会被自动更新。 注意：在一个节点列表中，节点被返回的顺序与它们在 XML 文档中被规定的顺序相同。 NodeList 对象属性 属性 描述 lengt..
XML DOM - 访问节点 通过 DOM，您能够访问 XML 文档中的每个节点。 尝试一下 - 实例 下面的实例使用 XML 文件 books.xml。 函数 loadXMLDoc()，位于外部 JavaScript 中，用于加载 XML 文件。 使用节点列表中的索引号来访问节点 本例使用 getElementsByTagname() 方法来获取 'books.xml' 中的第三个 <ti..
XML DOM 添加节点 尝试一下 - 实例 下面的实例使用 XML 文件 books.xml。 函数 loadXMLDoc()，位于外部 JavaScript 中，用于加载 XML 文件。 在最后一个子节点之后添加一个节点 本例使用 appendChild() 方法向一个已有的节点添加一个子节点。 在指定的子节点之前添加一个节点 本例使用 insertBefore() 方法在一个指定的子节点之前插入一个节点。 添加一个新属性 ..
XML DOM 克隆节点 尝试一下 - 实例 下面的实例使用 XML 文件 books.xml。 函数 loadXMLDoc()，位于外部 JavaScript 中，用于加载 XML 文件。 复制一个节点，并把它追加到已有的节点 本例使用 cloneNode() 来复制一个节点，并把它追加到 XML 文档的根节点。 复制节点 cloneNode() 方法创建指定节点的副本。 cloneNode() 方法有一个参数（true 或..
XML DOM 创建节点 尝试一下 - 实例 下面的实例使用 XML 文件 books.xml。 函数 loadXMLDoc()，位于外部 JavaScript 中，用于加载 XML 文件。 创建元素节点 本例使用 createElement() 来创建一个新的元素节点，并使用 appendChild() 把它添加到一个节点中。 使用 createAttribute 创建属性节点 本例使用 createAttribute()..
XML DOM 获取节点值 nodeValue 属性用于获取节点的文本值。 getAttribute() 方法返回属性的值。 获取元素的值 在 DOM 中，每种成分都是节点。元素节点没有文本值。 元素节点的文本存储在子节点中。该节点称为文本节点。 获取元素文本的方法，就是获取这个子节点（文本节点）的值。 获取元素值 getElementsByTagName() 方法返回包含拥有指定标签名的所有元素的节点列表，其中的元素的顺序是它..