html之DOM对象getAttribute()方法(节点属性值获取)功能简介说明


摘要:
下文讲述DOM对象getAttribute()方法功能说明,如下所示:


DOM getAttribute()方法功能说明

DOM getAttribute()方法功能():
获取指定Html元素节点的属性值
DOM getAttribute()方法语法:
element.getAttribute(attributename)
—–参数说明—–
element:待获取属性信息的节点元素 要获取属性对象节点的元素。
attributename:属性名称
—–返回值说明—-
返回属性值信息,是属性所对应的value

DOM getAttribute()方法注意事项:
此方法兼容市面上所有流行的浏览器


DOM getAttribute()方法举例说明

例:
使用getAttribute获取超链接标签中href的值

   <!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.maomao365.com/" />
<title>猫猫教程(www.maomao365.com)
--getAttribute属性举例说明
</title>
<style>
 div{
   width:230px;
   height:80px;
   line-height:80px;
   background-color:green;
   color:white;font-weight:bold;
 }
</style>

<script type="text/javascript">
window.onload=function(){
  let btn = document.getElementById("btn");
  btn.onclick = function(){
	    let OInfo=document.getElementById("messageInfo");
        let olink=document.getElementById("lnkTest");
           OInfo.innerHTML=olink.getAttribute("href");
       }
   }  
</script>
</head>
<body>
<div id="messageInfo"></div> <br />
<a href="http://www.maomao365.com" id="lnkTest"></a> <br /> 
<input type="button" id="btn" value="getAttribute方法举例测试" />
</body>
</html>