Phương thức HTML DOM insertAdjacentElement ()
Thí dụ
Di chuyển một phần tử span đến sau phần tử tiêu đề:
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("afterend",
s);
Định nghĩa và Cách sử dụng
Phương insertAdjacentElement()
thức này sẽ chèn một phần tử được chỉ định vào một vị trí được chỉ định.
Giá trị vị trí pháp lý là:
"afterbegin"
"afterend"
"beforebegin"
"beforeend"
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ phương pháp này.
Method | |||||
---|---|---|---|---|---|
insertAdjacentElement() | Yes | 8 | 48 | Yes | Yes |
Cú pháp
node.insertAdjacentElement(position, element)
Giá trị tham số
Parameter | Type | Description |
---|---|---|
position | String | Required. A position relative to the element. Legal values: "afterbegin" - After the beginning of the element (as the first child) "afterend" - After the element "beforebegin" - Before the element "beforeend" - Before the end of the element (as the last child) |
element | HTML Element | The element you want to insert |
Các ví dụ khác
Thí dụ
Sử dụng giá trị "afterbegin":
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("afterbegin",
s);
Thí dụ
Sử dụng giá trị "beforebegin":
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("beforebegin",
s);
Thí dụ
Sử dụng giá trị "beforeend":
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("beforeend",
s);