Element: phương thức after()
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 Element.after() chèn một tập hợp các đối tượng Node hoặc chuỗi vào danh sách con của phần tử cha của Element, ngay sau Element.
Các chuỗi được chèn dưới dạng các nút Text tương đương.
Cú pháp
js
after(node1)
after(node1, node2)
after(node1, node2, /* …, */ nodeN)
Tham số
node1, …,nodeN-
Một tập hợp các đối tượng
Nodehoặc chuỗi cần chèn.
Giá trị trả về
Không có (undefined).
Ngoại lệ
HierarchyRequestErrorDOMException-
Được ném khi nút không thể được chèn tại điểm đã chỉ định trong hệ thống phân cấp.
Ví dụ
Chèn một phần tử
js
let container = document.createElement("div");
let p = document.createElement("p");
container.appendChild(p);
let span = document.createElement("span");
p.after(span);
console.log(container.outerHTML);
// "<div><p></p><span></span></div>"
Chèn văn bản
js
let container = document.createElement("div");
let p = document.createElement("p");
container.appendChild(p);
p.after("Text");
console.log(container.outerHTML);
// "<div><p></p>Text</div>"
Chèn một phần tử và văn bản
js
let container = document.createElement("div");
let p = document.createElement("p");
container.appendChild(p);
let span = document.createElement("span");
p.after(span, "Text");
console.log(container.outerHTML);
// "<div><p></p><span></span>Text</div>"
Đặc tả kỹ thuật
| Thông số kỹ thuật |
|---|
| DOM # ref-for-dom-childnode-after① |