DOM - 元素对象方法 - getElementByTagName
方法 getElementByTagName 给出指定元素的值。
语法
以下是使用 getElementByTagName 方法的语法。
getElementsByTagName(name)
| S.No. | 参数 &描述 |
|---|---|
| 1 | 名称 它保存要检索的属性的名称。 |
此方法返回标签的名称。
示例
node.xml 内容如下 −
<?xml version = "1.0"?>
<Company>
<Employee category = "Technical">
<FirstName>Tanmay</FirstName>
<LastName>Patil</LastName>
<ContactNo>1234567890</ContactNo>
<Email>tanmaypatil@xyz.com</Email>
</Employee>
</Company>
以下示例演示了 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>
执行
将此文件保存为服务器路径上的 elementattribute_getelementbytagname.html(此文件和 node_methods.xml 应位于服务器中的同一路径)。我们将获得如下所示的输出 −
FirstName: Tanmay LastName: Patil Category: technical
dom_element_object.htm
