DOM - 元素对象方法 - getAttribute
如果指定元素存在属性,getAttribute 方法将提供属性值。
语法
以下是使用 getAttribute 方法的语法。
elementObj.getAttribute(name)
S.No. | 参数 &描述 |
---|---|
1 | 名称 它保存要检索的属性的名称。 |
如果存在,此方法将属性的值作为字符串返回,否则将指定为 null。
示例
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> <Employee category = "Non-Technical"> <FirstName>Taniya</FirstName> <LastName>Mishra</LastName> <ContactNo>1234667898</ContactNo> <Email>taniyamishra@xyz.com</Email> </Employee> <Employee category = "Management"> <FirstName>Tanisha</FirstName> <LastName>Sharma</LastName> <ContactNo>1234562350</ContactNo> <Email>tanishasharma@xyz.com</Email> </Employee> </Company>
以下示例演示了 getAttribute 方法的用法 −
<!DOCTYPE html> <html> <body> <script> if (window.XMLHttpRequest) { xmlhttp = new XMLHttpRequest(); } else { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.open("GET","/dom/node.xml",false); xmlhttp.send(); xmlDoc = xmlhttp.responseXML; x = xmlDoc.getElementsByTagName('Employee')[2]; document.write("The attribute is: "); document.write(x.getAttribute('category')); </script> </body> </html>
执行
将此文件保存为服务器路径上的 elementattribute_getattribute.html(此文件和 node.xml 应位于服务器中的同一路径)。我们将获得如下所示的输出 −
The attribute is: Management
dom_element_object.htm