HTML - DOMTokenList contains() 方法

HTML DOMTokenList **contains()** 方法返回一个布尔值，表示 DOMTokenList 是否包含指定的标记。

语法

domtokenlist.contains(token);

参数

此方法接受如下所示的单个参数。

参数	描述
token	它表示您想要在 DOMTokenList 中检查的标记的名称。

返回值

它返回一个布尔值，其中 **true** 表示列表包含指定的标记，**false** 表示列表不包含该标记。

HTML DOMTokenList 'contains()' 方法示例

在以下示例中，我们检查了此文档是否包含 class='font'。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        HTML DOMTokenList add() Method
    </title>
    <style>
        .color {
            background-color: #04af2f;
            color: white;
        }
        .font {
            font-size: 40px;
        }
        .align {
            text-align: center;
        }
    </style>
</head>
<body>
    <p>Hii..</p>
    <p id="add" class="color font align">
        Welcome to Tutorials Point...
    </p>
    <p>
        Check whether the document has your desired class:
    </p>
    <button onclick="fun()">Click me</button>
    <p id="token"></p>
    <script>
        function fun() {
            let x = document.getElementById("add").classList.contains("font");
            document.getElementById("token").innerHTML = x;
        }
    </script>
</body>
</html>

支持的浏览器

方法
contains()	是 8	是 12	是 3.6	是 5.1	是 12.1

html_domtokenlist_reference.htm

打印页面

上一个

下一个