html之DOM对象hasAttribute()方法(节点属性存在性检测)功能简介说明


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


DOM hasAttribute()方法功能说明

DOM hasAttribute()方法功能():
检测指定Html元素节点是否包含指定属性
DOM hasAttribute()方法语法:
element.hasAttribute(attributename)
—–参数说明—–
element:待检测是否存在属性的节点元素
attributename:属性名称
—–返回值说明—-
当指定节点下存在指定属性时,返回true
当指定节点下不存在指定属性时,返回false

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


DOM hasAttribute()方法举例说明

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

   <!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.maomao365.com/" />
<title>猫猫教程(www.maomao365.com)
--hasAttribute属性举例说明
</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="当前元素下存在href属性:"+olink.hasAttribute("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="hasAttribute方法举例测试" />
</body>
</html>
javascript DOM hasAttribute节点下是否存在属性的检测方法

javascript DOM hasAttribute节点下是否存在属性的检测方法