Latest web development tutorials

DOM XML Avançada

DOM XML - Advanced

Nos capítulos anteriores deste tutorial , nós introduzimos o XML DOM, e usa o método XML DOM getElementsByTagName () para recuperar dados de documentos XML.

Neste capítulo vamos combinar uma série de outros importantes métodos DOM XML.

Você pode em nosso XML DOM tutorial para saber mais sobre o conhecimento DOM XML.


Obtém o valor do elemento

ficheiros XML usado nos exemplos seguintes: a Books.XML .

O exemplo a seguir recupera o primeiro valor de texto do elemento <title>:

Exemplos

txt=xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;

tente »


Obtém o valor da propriedade

O exemplo a seguir recupera o valor de texto do primeiro elemento <title> do atributo "lang":

Exemplos

txt=xmlDoc.getElementsByTagName("title")[0].getAttribute("lang");

tente »


Alterar o valor do elemento

O exemplo a seguir altera o primeiro valor de texto elemento <title>:

Exemplos

x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
x.nodeValue="Easy Cooking";

tente »


Criar uma nova propriedade

O método XML DOM setAttribute () pode ser usado para alterar o valor da propriedade existente ou criar uma nova propriedade.

O exemplo a seguir cria um novo atributo (edição = "primeiro"), e, em seguida, adicioná-lo a cada <book> elemento:

Exemplos

x=xmlDoc.getElementsByTagName("book");

for(i=0;i<x.length;i++)
{
x[i].setAttribute("edition","first");
}

tente »


Criar elemento

O método XML DOM createElement () cria um novo nó de elemento.

O método DOM XML createTextNode () cria um novo nó de texto.

O XML DOM appendChild () método adiciona um nó filho ao nó (após o último nó filho).

Para criar um novo elemento com conteúdo de texto, você precisa criar um novo elemento elemento de nó e um nó de texto novo e, em seguida, acrescentou que os nós existentes.

O exemplo a seguir cria um novo elemento (<edição>), com o seguinte texto: Em primeiro lugar, e, em seguida, adicioná-lo à primeira <book> elemento:

Exemplos

newel=xmlDoc.createElement("edition");
newtext=xmlDoc.createTextNode("First");
newel.appendChild(newtext);

x=xmlDoc.getElementsByTagName("book");
x[0].appendChild(newel);

tente »

Exemplos explicou

  • Criar um <edição> elemento
  • Criação de valor "First" nó de texto
  • Acrescente o nó de texto para o novo <edição> elemento
  • O <edição> elemento é adicionado ao primeiro elemento <livro>

remoção de elementos

O exemplo a seguir remover a primeira <book> elemento do primeiro nó:

Exemplos

x=xmlDoc.getElementsByTagName("book")[0];
x.removeChild(x.childNodes[0]);

tente »

Nota: Os exemplos acima podem resultar dependendo do navegador e diferente.Firefox trata de novas linhas como nós de texto vazios, o Internet Explorer não é o caso. Você pode em nosso XML DOM tutorial em ler mais sobre este problema e como evitá-la.