HTML DOM แทรกAdjacentElement()วิธี การ
ตัวอย่าง
ย้ายองค์ประกอบ span ไปอยู่หลังองค์ประกอบส่วนหัว:
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("afterend",
s);
ความหมายและการใช้งาน
วิธี การinsertAdjacentElement()
แทรกองค์ประกอบที่ระบุในตำแหน่งที่ระบุ
ค่าตำแหน่งทางกฎหมายคือ:
" Afterbegin"
"หลังจบ" "beforebegin
"
"ก่อน"
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่รองรับวิธีการนี้อย่างเต็มที่
Method | |||||
---|---|---|---|---|---|
insertAdjacentElement() | Yes | 8 | 48 | Yes | Yes |
ไวยากรณ์
node.insertAdjacentElement(position, element)
ค่าพารามิเตอร์
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 |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
ใช้ค่า "afterbegin":
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("afterbegin",
s);
ตัวอย่าง
ใช้ค่า "beforebegin":
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("beforebegin",
s);
ตัวอย่าง
ใช้ค่า "ก่อน":
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("beforeend",
s);