📅  最后修改于: 2023-12-03 14:48:38.328000             🧑  作者: Mango
XML DOM (Document Object Model) 是为 XML 文档而设计的一种接口,允许开发人员以编程方式访问和处理 XML 文档。通过 XML DOM,开发人员可以使用任何编程语言来创建、修改和删除 XML 元素。
创建节点是 XML DOM 中的一个重要部分,因为在大多数情况下,我们需要通过代码创建新的元素或节点。创建节点涉及到以下几个步骤:
让我们看看如何使用 XML DOM 创建节点。
使用 createElement()
方法可以创建一个新的元素或节点,该方法接受一个参数,即要创建的元素的名称。以下示例演示如何创建一个名为 book
的新元素。
var xmlDoc = new DOMParser().parseFromString('<library></library>', 'text/xml');
var bookElement = xmlDoc.createElement("book");
以上代码中,我们首先创建一个名为 library
的空 XML 文档。然后,使用 createElement()
方法创建一个名为 book
的新元素,并将其存储在变量 bookElement
中。
可以使用 setAttribute()
方法向节点添加属性。该方法需要两个参数,第一个参数是属性的名称,第二个参数是属性的值。以下代码演示向 book
元素添加 id
和 language
属性。
bookElement.setAttribute("id", "1001");
bookElement.setAttribute("language", "english");
可以使用 createTextNode()
方法创建一个文本节点,并使用 appendChild()
方法将其添加到元素中。以下代码演示如何向 book
元素添加文本。
var bookTitle = xmlDoc.createTextNode("Introduction to JavaScript");
bookElement.appendChild(bookTitle);
以上代码中,我们使用 createTextNode()
创建一个文本节点 bookTitle
,并将其存储在变量中。然后,使用 appendChild()
将新的文本节点添加到 book
元素中。
使用 appendChild()
方法可以将创建的新节点添加到文档中。以下代码演示如何将 book
元素添加到根元素 library
中。
xmlDoc.getElementsByTagName("library")[0].appendChild(bookElement);
以上代码中,我们使用 getElementsByTagName()
方法获取名为 library
的元素,并使用 appendChild()
将 book
元素添加到 library
元素中。
创建节点是使用 XML DOM 时的一个基本任务,以上例子演示了如何使用 createElement() 方法创建一个新节点,如何向节点添加属性和文本,以及如何将新节点添加到文档中。