Chèn phần tử DOM HTML Liền kềHTML()
Ví dụ
Chèn phần tử <p> mới sau phần tử tiêu đề:
const h2 = document.getElementById("myH2");
let html = "<p>My new paragraph.</p>";
h2.insertAdjacentHTML("afterend", html);
Hãy tự mình thử »Sự miêu tả
Phương thức insertAdjacentHTML()
chèn mã HTML vào một vị trí được chỉ định.
Vị trí pháp lý:
Giá trị | Sự miêu tả |
---|---|
sau khi bắt đầu | Sau phần đầu của phần tử (con đầu tiên) |
sau cùng | Sau phần tử |
trước khi bắt đầu | Trước phần tử |
trước khi kết thúc | Trước phần tử kết thúc (con cuối cùng) |
Cú pháp
element .insertAdjacentHTML( position, html )
hoặc
node .insertAdjacentHTML( position, html )
Thông số
Parameter | Description |
position | Required. A position relative to the element: afterbegin afterend beforebegin beforeend |
html | The HTML to insert. |
Thêm ví dụ
Ví dụ
Sử dụng "sau khi bắt đầu":
let html = "<span style='color:red'>My span</span>";
h2.insertAdjacentHTML("afterbegin", html);
Hãy tự mình thử »Hỗ trợ trình duyệt
element.insertAjacentHTML()
được hỗ trợ trong tất cả các trình duyệt:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | Yes |