Metode HTML DOM Element insertAdjacentText()

Definisi dan penggunaan

insertAdjacentText() Metode ini akan menyisipkan teks ke posisi yang ditentukan.

Posisi yang sah:

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

Contoh

Contoh 1

Sisipkan teks setelah elemen judul:

const h2 = document.getElementById("myH2");
let text = "My inserted text";
h2.insertAdjacentText("afterend", text);

Coba sendiri

Contoh 2

Gunakan "afterbegin":

const h2 = document.getElementById("myH2");
let text = "My inserted text";
h2.insertAdjacentText("afterbegin", text);

Coba sendiri

Contoh 3

Gunakan "beforebegin":

h2.insertAdjacentText("beforebegin", text);

Coba sendiri

Contoh 4

Gunakan "beforeend":

h2.insertAdjacentText("beforeend", text);

Coba sendiri

Sintaks

element.insertAdjacentText(position, text)

atau

node.insertAdjacentText(position, text)

Parameter

Parameter Deskripsi
position

Diperlukan. Posisi relatif terhadap elemen:

  • afterbegin
  • afterend
  • beforebegin
  • beforeend
text Teks yang akan disisipkan.

Dukungan peramban

Seluruh peramban mendukung element.insertAjacentText()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan Dukungan