CharacterData: phương thức replaceWith()

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 replaceWith() của giao diện CharacterData thay thế nút này trong danh sách phần tử con của nút cha của nó bằng một tập các đối tượng Node hoặc chuỗi.

Các chuỗi được chèn dưới dạng nút Text; chuỗi được truyền làm đối số cho hàm khởi tạo Text().

Cú pháp

js
replaceWith(...nodes)

Tham số

nodes Optional

Danh sách phân tách bằng dấu phẩy gồm các đối tượng Node hoặc chuỗi sẽ thay thế nút hiện tại.

Note: Nếu không truyền đối số nào vào, phương thức này sẽ xóa nút khỏi cây DOM.

Giá trị trả về

Không có (undefined).

Ngoại lệ

HierarchyRequestError DOMException

Được ném ra khi nút không thể được chèn vào vị trí đã chỉ định trong hệ phân cấp.

Ví dụ

html
<p id="myText">Some text</p>
js
let text = document.getElementById("myText").firstChild;
let em = document.createElement("em");
em.textContent = "Italic text";

text.replaceWith(em); // Replace `Some text` by `Italic text`

Thông số kỹ thuật

Thông số kỹ thuật
DOM
# ref-for-dom-childnode-replacewith①

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

Xem thêm