HTML - DOMTokenList values() 方法

HTML DOMTokenList 的 **values()** 方法返回一个迭代器，允许我们遍历令牌列表中包含的所有值。每个值都是字符串。

语法

domtokenlist.values();

参数

此方法不接受任何参数。

返回值

它返回一个迭代器。

HTML DOMTokenList 'values()' 方法示例

以下示例将说明 HTML DOMTokenList 'values()' 方法的用法。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>HTML DOMTokenList values() 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>
    <button onclick="fun()">Click me</button>
    <p id="token"></p>
    <script>

        function fun() {
            let x = document.getElementById("add").classList.values();
            let result = "";
            for (let i of x) {
                result += i + "<br>";
            }
            document.getElementById("token").innerHTML = result;
        }
    </script>
</body>
</html>

支持的浏览器

方法
values()	是 42	是 16	是 50	是 10.1	是 29

html_domtokenlist_reference.htm

打印页面