DOM XML - Definir Nó
Neste capítulo, estudaremos como alterar os valores dos nós em um objeto XML DOM. O valor do nó pode ser alterado da seguinte forma -
var value = node.nodeValue;Se o nó for um Atributo , a variável de valor será o valor do atributo; se o nó for um nó de Texto , será o conteúdo do texto; se o nó for um elemento, ele será nulo .
As seções a seguir demonstrarão a configuração do valor do nó para cada tipo de nó (atributo, nó de texto e elemento).
O node.xml usado em todos os exemplos a seguir é o seguinte -
<Company>
<Employee category = "Technical">
<FirstName>Tanmay</FirstName>
<LastName>Patil</LastName>
<ContactNo>1234567890</ContactNo>
<Email>[email protected]</Email>
</Employee>
<Employee category = "Non-Technical">
<FirstName>Taniya</FirstName>
<LastName>Mishra</LastName>
<ContactNo>1234667898</ContactNo>
<Email>[email protected]</Email>
</Employee>
<Employee category = "Management">
<FirstName>Tanisha</FirstName>
<LastName>Sharma</LastName>
<ContactNo>1234562350</ContactNo>
<Email>[email protected]</Email>
</Employee>
</Company>Alterar o valor do nó de texto
Quando, digamos, o valor de alteração do elemento Node, queremos dizer editar o conteúdo de texto de um elemento (que também é chamado de nó de texto ). O exemplo a seguir demonstra como alterar o nó de texto de um elemento.
Exemplo
O exemplo a seguir (set_text_node_example.htm) analisa um documento XML ( node.xml ) em um objeto XML DOM e altera o valor do nó de texto de um elemento. Neste caso, envie o e- mail de cada funcionário para [email protected] e imprima os valores.
<!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("Email");
for(i = 0;i<x.length;i++) {
x[i].childNodes[0].nodeValue = "[email protected]";
document.write(i+');
document.write(x[i].childNodes[0].nodeValue);
document.write('<br>');
}
</script>
</body>
</html>Execução
Salve este arquivo como set_text_node_example.htm no caminho do servidor (este arquivo e node.xml devem estar no mesmo caminho em seu servidor). Você receberá a seguinte saída -
0) [email protected]
1) [email protected]
2) [email protected]Alterar o valor do nó de atributo
O exemplo a seguir demonstra como alterar o nó de atributo de um elemento.
Exemplo
O exemplo a seguir (set_attribute_example.htm) analisa um documento XML ( node.xml ) em um objeto XML DOM e altera o valor do nó de atributo de um elemento. Neste caso, a categoria de cada funcionário deve ser admin-0, admin-1, admin-2 respectivamente e imprimir os valores.
<!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("Employee");
for(i = 0 ;i<x.length;i++){
newcategory = x[i].getAttributeNode('category');
newcategory.nodeValue = "admin-"+i;
document.write(i+');
document.write(x[i].getAttributeNode('category').nodeValue);
document.write('<br>');
}
</script>
</body>
</html>Execução
Salve este arquivo como set_node_attribute_example.htm no caminho do servidor (este arquivo e node.xml devem estar no mesmo caminho em seu servidor). O resultado seria o seguinte -
0) admin-0
1) admin-1
2) admin-2