Metode HTML DOM Element insertAdjacentElement()

Definisi dan penggunaan

insertAdjacentElement() Metode memasukkan elemen ke lokasi yang ditentukan.

Lokasi yang sah:

Nilai Deskripsi
afterbegin Setelah awal elemen (pertama anak elemen).
afterend Setelah elemen.
beforebegin Sebelum elemen.
beforeend Sebelum penutup elemen.

Contoh

Contoh 1

Sisipkan elemen span setelah judul:

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("afterend", span);

Coba sendiri

Contoh 2

Gunakan "afterbegin":

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("afterbegin", span);

Coba sendiri

Contoh 3

Gunakan "beforebegin":

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("beforebegin", span);

Coba sendiri

Contoh 4

Gunakan "beforeend":

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("beforeend", span);

Coba sendiri

Sintaks

element.insertAdjacentElement(position, element)

atau

node.insertAdjacentElement(position, element)

Parameter

Parameter Deskripsi
position

Diperlukan. Lokasi relatif terhadap elemen:

  • afterbegin
  • afterend
  • beforebegin
  • beforeend
element Elemen yang akan disisipkan.

Pelayar web mendukung

Semua pelayar web mendukung element.insertAdjacentElement()：

： Chrome IE Edge Firefox Safari
： Chrome IE Edge Firefox Safari
Opera Opera Opera Opera Opera Opera