Metode insertAdjacentElement() HTML DOM
Contoh
Pindahkan elemen span ke setelah elemen header:
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("afterend",
s);
Definisi dan Penggunaan
Metode insertAdjacentElement()
memasukkan elemen tertentu ke dalam posisi tertentu.
Nilai kedudukan hukum adalah:
"sesudah
mulai" " setelah akhir" "sebelum
mulai"
"sebelum akhir"
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung metode ini.
Method | |||||
---|---|---|---|---|---|
insertAdjacentElement() | Yes | 8 | 48 | Yes | Yes |
Sintaksis
node.insertAdjacentElement(position, element)
Nilai Parameter
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 |
Lebih Banyak Contoh
Contoh
Menggunakan nilai "afterbegin":
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("afterbegin",
s);
Contoh
Menggunakan nilai "beforebegin":
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("beforebegin",
s);
Contoh
Menggunakan nilai "sebelumnya":
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("beforeend",
s);