HTML - DOMTokenList value 属性

HTML DOMTokenList **value** 属性返回 DOMTokenList 序列化后的字符串。

语法

domtokenlist.value;

返回值

它返回一个字符串值，表示类名或标记的序列化列表，每个类名或标记之间用空格分隔。

HTML DOMTokenList 'value' 属性示例

以下示例将演示 HTML DOMTokenList 'value' 属性的使用。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>HTML DOMTokenList value Property</title>
    <style>
        .color {
            background-color: #04af2f;
            color: white;
        }
        .font {
            font-size: 40px;
        }
        .align {
            text-align: center;
        }
    </style>
</head>
<body>
    <p id="add" class="color font align">
        Welcome to Tutorials Point...
    </p>
    <button onclick="fun()">Click me</button>
    <p>
        Click to get the list of classes(tokens)
        in this document: 
    </p>
    <p id="value"></p>
    <script>
        function fun() {
            let x = document.getElementById("add").classList.value;
            document.getElementById("value").innerHTML = x;
        }
    </script>
</body>
</html>

支持的浏览器

属性
value	是 50	是 17	是 47	是 10	是 37

html_domtokenlist_reference.htm

打印页面