DOM XML - Substituir Nó

Neste capítulo, estudaremos sobre a operação de substituição de nó em um objeto XML DOM. Como sabemos, tudo no DOM é mantido em uma unidade hierárquica informativa conhecida como nó e o nó substituto fornece outra maneira de atualizar esses nós especificados ou um nó de texto.

A seguir estão os dois métodos para substituir os nós.

  • replaceChild()
  • replaceData()

replaceChild ()

O método replaceChild () substitui o nó especificado pelo novo nó.

Sintaxe

O insertData () tem a seguinte sintaxe -

Node replaceChild(Node newChild, Node oldChild) throws DOMException

Onde,

  • newChild - é o novo nó a ser colocado na lista de filhos.

  • oldChild - é o nó sendo substituído na lista.

  • Este método retorna o nó substituído.

Exemplo

O exemplo a seguir (replaceenode_example.htm) analisa um documento XML ( node.xml ) em um objeto XML DOM e substitui o nó especificado <FirstName> pelo novo nó <Name>.

<!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.documentElement;

         z = xmlDoc.getElementsByTagName("FirstName");
         document.write("<b>Content of FirstName element before replace operation</b><br>");
         for (i=0;i<z.length;i++) {
            document.write(z[i].childNodes[0].nodeValue);
            document.write("<br>");
         }
         //create a Employee element, FirstName element and a text node
         newNode = xmlDoc.createElement("Employee");
         newTitle = xmlDoc.createElement("Name");
         newText = xmlDoc.createTextNode("MS Dhoni");

         //add the text node to the title node,
         newTitle.appendChild(newText);
         //add the title node to the book node
         newNode.appendChild(newTitle);

         y = xmlDoc.getElementsByTagName("Employee")[0]
         //replace the first book node with the new node
         x.replaceChild(newNode,y);

         z = xmlDoc.getElementsByTagName("FirstName");
         document.write("<b>Content of FirstName element after replace operation</b><br>");
         for (i = 0;i<z.length;i++) {
            document.write(z[i].childNodes[0].nodeValue);
            document.write("<br>");
         }
      </script>
   </body>
</html>

Execução

Salve este arquivo como replaceenode_example.htm no caminho do servidor (este arquivo e node.xml devem estar no mesmo caminho em seu servidor). Obteremos a saída conforme mostrado abaixo -

Content of FirstName element before replace operation
Tanmay
Taniya
Tanisha

Content of FirstName element after replace operation
Taniya
Tanisha

replaceData ()

O método replaceData () substitui os caracteres começando no deslocamento da unidade de 16 bits especificada pela string especificada.

Sintaxe

O replaceData () tem a seguinte sintaxe -

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

Onde

  • deslocamento - é o deslocamento a partir do qual iniciar a substituição.

  • contagem - é o número de unidades de 16 bits a serem substituídas. Se a soma do deslocamento e da contagem exceder o comprimento, todas as unidades de 16 bits até o final dos dados serão substituídas.

  • arg - o DOMString com o qual o intervalo deve ser substituído.

Exemplo

O exemplo a seguir ( overrata_example.htm ) analisa um documento XML ( node.xml ) em um objeto XML DOM e o substitui.

<!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("ContactNo")[0].childNodes[0];
         document.write("<b>ContactNo before replace operation:</b> "+x.nodeValue);
         x.replaceData(1,5,"9999999");
         document.write("<br>");
         document.write("<b>ContactNo after replace operation:</b> "+x.nodeValue);

      </script>
   </body>
</html>

No exemplo acima -

  • x.replaceData (2,3, "999"); - Aqui x contém o texto do elemento especificado <ContactNo> cujo texto é substituído pelo novo texto "9999999" , começando da posição 1 até o comprimento de 5 .

Execução

Salve o arquivo como replacedata_example.htm no caminho do servidor (este arquivo e node.xml deve estar no mesmo caminho no seu servidor). Obteremos a saída conforme mostrado abaixo -

ContactNo before replace operation: 1234567890

ContactNo after replace operation: 199999997890