JavaScript hasAttribute() 方法

摘要：在本教程中，您将学习如何使用 JavaScript hasAttribute() 检查元素是否具有属性。

JavaScript hasAttribute() 方法简介

属性是 HTML 元素的修饰符，它控制元素的行为。

属性通常由在 HTML 元素的开始标签内指定的名称-值对组成。

通常，HTML 可以采用几个最常见的标准属性，例如 id、class 和 style。例如

<div id="message" class="info">HTML attribute</div>Code language: HTML, XML (xml)

要检查元素是否具有指定的属性，可以使用 hasAttribute() 方法

let result = element.hasAttribute(name);Code language: JavaScript (javascript)

在此语法中

name 指定要检查元素中的属性名称。

如果元素包含指定的属性，则 hasAttribute() 返回 true，否则返回 false。

JavaScript hasAttribute() 方法示例

以下示例演示了如何使用 hasAttribute() 方法检查 <button> 元素是否具有 disabled 属性。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>JS hasAttribute() Demo</title>
</head>
<body>

    <button id="btnSend" disabled>Send</button>

    <script>
        let btn = document.querySelector('#btnSend');
        if (btn) {
            let disabled = btn.hasAttribute('disabled');
            console.log(disabled);
        }
    </script>
</body>
</html>
Code language: HTML, XML (xml)

输出

trueCode language: JavaScript (javascript)

工作原理

通过使用 querySelector() 方法选择 id 为 btnSend 的按钮。
通过在 <button> 元素上调用 hasAttribute() 方法来检查按钮是否具有 disabled 属性。

摘要

使用 hasAttribute() 方法检查元素是否包含指定的属性。

测验

本教程对您有帮助吗？