DOM - Método de objeto de elemento - getElementByTagName
El método getElementByTagName proporciona el valor del elemento especificado.
Sintaxis
A continuación se muestra la sintaxis para el uso del método getElementByTagName .
getElementsByTagName(name)
S.No. | Descripción de parámetros |
---|---|
1 | Name Contiene el nombre del atributo a recuperar. |
Este método devuelve el nombre de la etiqueta.
Ejemplo
El contenido de node.xml es el siguiente:
<?xml version = "1.0"?>
<Company>
<Employee category = "Technical">
<FirstName>Tanmay</FirstName>
<LastName>Patil</LastName>
<ContactNo>1234567890</ContactNo>
<Email>[email protected]</Email>
</Employee>
</Company>
El siguiente ejemplo demuestra el uso del método getElementByTagName :
<!DOCTYPE html>
<html>
<body>
<div>
<b>FirstName:</b> <span id = "FirstName"></span>
<b>LastName:</b> <span id = "LastName"></span>
<b>Category:</b> <span id = "Employee"></span>
</div>
<script>
if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
}
else {// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","/dom/node.xml",false);
xmlhttp.send();
xmlDoc = xmlhttp.responseXML;
document.getElementById("FirstName").innerHTML=
xmlDoc.getElementsByTagName("FirstName")[0].childNodes[0].nodeValue;
document.getElementById("LastName").innerHTML=
xmlDoc.getElementsByTagName("LastName")[0].childNodes[0].nodeValue;
document.getElementById("Employee").innerHTML=
xmlDoc.getElementsByTagName("Employee")[0].attributes[0].nodeValue;
</script>
</body>
</html>
Ejecución
Guarde este archivo como elementattribute_getelementbytagname.htm en la ruta del servidor (este archivo y node_methods.xml deben estar en la misma ruta en su servidor). Obtendremos el resultado como se muestra a continuación:
FirstName: Tanmay
LastName: Patil
Category: technical