Chèn phần tử DOM HTMLB Before()
Ví dụ
- Tạo phần tử <li>
- Tạo một nút văn bản
- Nối văn bản vào phần tử <li>
- Chèn phần tử <li> trước phần tử con đầu tiên trong <ul>:
const newNode = document.createElement("li");
const textNode = document.createTextNode("Water");
newNode.appendChild(textNode);
const list = document.getElementById("myList");
list.insertBefore(newNode, list.children[0]);
Hãy tự mình thử »Di chuyển phần tử cuối cùng từ danh sách này sang đầu danh sách khác:
const node = document.getElementById("myList2").lastElementChild;
const list = document.getElementById("myList1");
list.insertBefore(node, list.children[0]);
Hãy tự mình thử »Di chuyển phần tử cuối cùng từ danh sách này sang danh sách khác:
const node = document.getElementById("myList2").lastElementChild;
const list = document.getElementById("myList1");
list.insertBefore(node, null);
Hãy tự mình thử »Sự miêu tả
Phương thức insertBefore()
chèn một nút con trước một nút con hiện có.
Xem thêm:
Cú pháp
element .insertBefore( new, existing )
hoặc
node .insertBefore( new, existing )
Thông số
Parameter | Description |
new | Required. The node (element) to insert. |
existing | Required. The node (element) to insert before. If null , it will be inserted at the end. |
Giá trị trả về
Kiểu | Sự miêu tả |
Nút | Nút được chèn. |
Hỗ trợ trình duyệt
element.insertBefore()
là tính năng DOM Cấp 1 (1998).
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 9-11 |