DOMTokenList: phương thức replace()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2018.

Phương thức replace() của giao diện DOMTokenList thay thế một token hiện có bằng một token mới. Nếu token đầu tiên không tồn tại, replace() sẽ trả về false ngay lập tức, không thêm token mới vào danh sách token.

Cú pháp

js
replace(oldToken, newToken)

Tham số

oldToken

Một chuỗi biểu thị token mà bạn muốn thay thế.

newToken

Một chuỗi biểu thị token mà bạn muốn dùng để thay thế oldToken.

Giá trị trả về

Một giá trị boolean, là true nếu oldToken được thay thế thành công, hoặc false nếu không.

Ví dụ

Trong ví dụ sau, chúng ta lấy danh sách các lớp được đặt trên một phần tử <span> dưới dạng DOMTokenList bằng Element.classList. Sau đó chúng ta thay thế một token trong danh sách, rồi ghi danh sách vào Node.textContent của thẻ <span>.

Trước hết là HTML:

html
<span class="a b c"></span>

Bây giờ là JavaScript:

js
const span = document.querySelector("span");
const classes = span.classList;

const result = classes.replace("c", "z");

span.textContent = result ? classes : "token not replaced successfully";

Kết quả sẽ như sau:

Thông số kỹ thuật

Specification
DOM
# ref-for-dom-domtokenlist-replace①

Tương thích trình duyệt