HTML DOM hasAttribute() 方法 | DOM 对象:HTML DOM 元素对象

返回到:DOM 对象:HTML DOM 元素对象

定义和用法

hasAttribute() 方法用于判断是否有指定的属性存在,如果存在返回 true,否则返回 false。

提示: 我们可以使用 setAttribute() 来添加一个新属性,或者修改元素中已存在的属性。

浏览器支持:

所有主要浏览器都支持 hasAttribute() 方法

Internet Explorer 8 及更早 IE 版本不支持该方法。

语法

element.hasAttribute(attributename)

参数

参数类型描述
attributenameString必须。你要检查的属性名。

返回值

类型描述
Boolean如果元素有属性返回 true, 否则返回 false。

技术细节

DOM 版本Core Level 2 Element Object

实例

检查按钮元素是否有 onclick属性:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程网(web176.com)</title>
</head>
<body>

<p id="demo">点击按钮查看按钮元件具有一个onclick属性。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var btn=document.getElementsByTagName("BUTTON")[0];
	var x=document.getElementById("demo");
	x.innerHTML=btn.hasAttribute("onclick");
};
</script>
<p>IE 8 及更早版本不支持 hasAttribute 方法。</p>

</body>
</html>

作者:terry,如若转载,请注明出处:https://www.web176.com/javascriptbook/domtips/4398.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年12月7日 下午4:42
下一篇 2021年12月10日 上午11:31

相关推荐

发表回复

登录后才能评论