返回首页
当前位置: 主页 > 编程语言 > XML教程 >

XML DOM-添加节点

时间:2020-07-07 11:31来源:电脑教程学习网 www.etwiki.cn 编辑:小山哥

在本章中,我们将讨论现有元素的节点。它提供了一种方法-

  • 在现有子节点之前或之后附加新的子节点

  • 在文本节点内插入数据

  • 添加属性节点

可以使用以下方法将节点添加/添加到DOM中的元素-

  • appendChild()
  • insertBefore()
  • insertData()

appendChild()

方法appendChild()在现有子节点之后添加新的子节点。

句法

appendChild()方法的语法如下-

Node appendChild(Node newChild) throws DOMException

哪里,

  • newChild-是要添加的节点

  • 此方法返回添加Node

下面的例子(appendchildnode_example.htm)解析XML文档(node.xml)成XML DOM对象,并追加新的子PHONENO到元素<姓>。

<!DOCTYPE html>
<html>
   <head>
      <script>
         function loadXMLDoc(filename) {
            if (window.XMLHttpRequest) {
               xhttp = new XMLHttpRequest();
            } else // code for IE5 and IE6 {
               xhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xhttp.open("GET",filename,false);
            xhttp.send();
            return xhttp.responseXML;
         }
      </script>
   </head>
   <body>
      <script>
         xmlDoc = loadXMLDoc("/dom/node.xml");

         create_e = xmlDoc.createElement("PhoneNo");

         x = xmlDoc.getElementsByTagName("FirstName")[0];
         x.appendChild(create_e);

         document.write(x.getElementsByTagName("PhoneNo")[0].nodeName);
      </script>
   </body>
</html>

在上面的示例中-

  • 使用方法createElement(),创建一个新元素PhoneNo

  • 使用方法appendChild()将新元素PhoneNo添加到元素FirstName中

执行

将此文件另存为serverpath上的appendchildnode_example.htm(此文件和node.xml应该在服务器中的同一路径上)。在输出中,我们获得的属性值为PhoneNo

insertBefore()

insertBefore()方法将新的子节点插入到指定的子节点之前。

句法

insertBefore()方法的语法如下-

Node insertBefore(Node newChild, Node refChild) throws DOMException

哪里,

  • newChild-是要插入的节点

  • refChild-是参考节点,即必须在其之前插入新节点的节点。

  • 此方法返回要插入Node

下面的例子(insertnodebefore_example.htm)解析XML文档(node.xml)成XML DOM对象和插入新的子电子邮件指定的元素<电子邮件>之前。

<!DOCTYPE html>
<html>
   <head>
      <script>
         function loadXMLDoc(filename) {
            if (window.XMLHttpRequest) {
               xhttp = new XMLHttpRequest();
            } else // code for IE5 and IE6 {
               xhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xhttp.open("GET",filename,false);
            xhttp.send();
            return xhttp.responseXML;
         }
      </script>
   </head>
   <body>
      <script>
         xmlDoc = loadXMLDoc("/dom/node.xml");

         create_e = xmlDoc.createElement("Email");

         x = xmlDoc.documentElement;
         y = xmlDoc.getElementsByTagName("Email");

         document.write("No of Email elements before inserting was: " + y.length);
         document.write("<br>");
         x.insertBefore(create_e,y[3]);

         y=xmlDoc.getElementsByTagName("Email");
         document.write("No of Email elements after inserting is: " + y.length);
      </script>
   </body>
</html>

在上面的示例中-

  • 使用createElement()方法,将创建一个新元素Email

  • 使用方法insertBefore()将新元素Email添加到元素Email之前

  • y.length给出在新元素之前和之后添加的元素总数。

执行

将此文件另存为服务器路径上的insertnodebefore_example.htm(此文件和node.xml应位于服务器中的同一路径上)。我们将收到以下输出-

No of Email elements before inserting was: 3
No of Email elements after inserting is: 4 

insertData()

方法insertData()以指定的16位单位偏移量插入一个字符串。

句法

insertData()具有以下语法-

void insertData(int offset, java.lang.String arg) throws DOMException

哪里,

  • offset-是要插入的字符偏移量。

  • arg-是插入数据的关键字。它将两个参数offset和string括在括号内,以逗号分隔。

下面的示例(addtext_example.htm)将XML文档(“ node.xml ” )解析为XML DOM对象,并将新数据MiddleName在指定位置插入元素<FirstName>。

<!DOCTYPE html>
<html>
   <head>
      <script>
         function loadXMLDoc(filename) {
            if (window.XMLHttpRequest) {
               xhttp = new XMLHttpRequest();
            } else // code for IE5 and IE6 {
               xhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xhttp.open("GET",filename,false);
            xhttp.send();
            return xhttp.responseXML;
         }
     </script>
  </head>
  <body>
     <script>
        xmlDoc = loadXMLDoc("/dom/node.xml");

        x = xmlDoc.getElementsByTagName("FirstName")[0].childNodes[0];
        document.write(x.nodeValue);
        x.insertData(6,"MiddleName");
        document.write("<br>");
        document.write(x.nodeValue);

     </script>
   </body>
</html>
  • x.insertData(6,“ MiddleName”); −在此, x保存指定子名称的名称,即<FirstName>。然后,我们从位置6开始向该文本节点插入数据 “ MiddleName”

执行

将此文件另存为addtext_example.htm在服务器路径上(此文件和node.xml应在服务器上的同一路径上)。我们将在输出中收到以下内容-

Tanmay
TanmayMiddleName 
 上一页  打印页面

------分隔线----------------------------
标签(Tag):
------分隔线----------------------------
推荐内容
  • XML DOM-替换节点

    在本章中,我们将研究XML DOM对象中的替换节点操作。 众所周知,DOM中的所有内容都以...

  • XML DOM-创建节点

    在本章中,我们将讨论如何使用文档对象的几种方法创建新节点。 这些方法提供了创建新 ...

  • XML DOM-获取节点

    在本章中,我们将研究如何获取 XML DOM对象 的 节点 值。 XML文档具有称为节点的信息...

  • XML DOM - Accessing

    在本章中,我们将研究如何访问被视为XML文档信息单元的XML DOM节点。 XML DOM的节点结...

  • XML DOM-导航

    到目前为止,我们研究了DOM结构,如何加载和解析XML DOM对象以及如何遍历DOM对象。 在...

  • XML DOM-遍历

    在本章中,我们将讨论XML DOM遍历。 在 上一章 中,我们研究了 如何加载XML文档并解析...

猜你感兴趣