HTML - DOMTokenList replace() 方法

HTML DOMTokenList **replace()** 方法用于将 DomTokenList 中已存在的令牌替换为参数中指定的新的令牌。如果参数中指定的旧令牌不存在，则返回 **false**，并且不会将新令牌添加到列表中。

语法

domtokenlist.replace(old, new);

参数

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

参数	描述
旧的	它表示列表中现有的令牌。
新的	它表示将替换旧令牌的新令牌。

返回值

它返回一个布尔值，其中 true 表示令牌已成功替换，如果未替换则返回 false。

HTML DOMTokenList 'replace()' 方法示例

以下示例将 class='align' 替换为新的 class='right'。

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

支持的浏览器

方法
replace()	是 61	是 17	是 49	是 10.1	是 48

html_domtokenlist_reference.htm

打印页面

上一个

下一个