Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / html

Menambahkan Teks HTML Menggunakan insertAdjacentText DOM

Dipublikasikan Oleh: elfanmauludi 5 komentar
Method insertAdjacentText() DOM pada HTML berfungsi untuk melakukan insert teks pada salah satu posisi yang telah ditentukan.


Sebelum memahami lebih dalam materi tentang Menambahkan Teks HTML Menggunakan insertAdjacentText DOM, terlebih dahulu pelajari materi tentang: Melakukan Insert Teks HTML Menggunakan insertAdjacentHTML DOM, Memasukkan Elemen Spesifik HTML insertAdjacentElement DOM, dan Mengatur Konten Teks HTML Menggunakan innerText DOM.

Posisi legal method insertAdjacentText(), yaitu:
  • afterbegin: hanya terdapat di dalam elemen, sebelum child pertama.
  • afterend: setelah elemen itu sendiri.
  • beforebegin: sebelum elemen itu sendiri.
  • beforeend: hanya terdapat di dalam eleme, setelah child terakhir.

Sintak: node.insertAdjacentText(position, text)

Parameter: method insertAdjacentText() membutuhkan dua parameter dalam pengoperasiannya.

Position: sebuah posisi relatif ke elemen.

Text: teks yang akan dilakuan insert.

Return Values: method insertAdjacent() DOM tidak mengembalikan nilai apapun dalam pengoperasiannya.

Baca Juga:

Exceptions: proses ini akan aktif ketika posisi spesifik tidak dikenali atau tidak ditemukan.

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Method insertAdjacentText()

DOM HTML

</title>

 

<!-- script untuk proses

insert elemen spesifik untuk

posisi spesifik -->

<script>

function insadjtxt() 

{

var h = document.getElementById("m1");

h.insertAdjacentText("beforeend", " Portal ilmu komputer.");

}

</script>

</head>

 

<body>

 

<h1> 

Blog Elfan

</h1>

 

<strong>

<p id="m1">

Blog TIK adalah

</p>

</strong>

 

<p>

Klik tombol untuk memasukka

beberapa teks setelah kalimat:

</p>

 

<button onclick="insadjtxt()">

Insert text

</button>

 

</body>

 

</html>

Output:

Blog Elfan

Blog TIK adalah

Klik tombol untuk memasukka beberapa teks setelah kalimat:


Artikel ini didedikasikan kepada: Ishana Sanjaya Wardhani, Ivanka Bimo Al-Machzumi W, Jaya'Ul Nur Azizah, Kamilatun Na'Ima, dan Kariani Yogi Safitri.
Location: Semarang, Kota Semarang, Jawa Tengah, Indonesia

5 komentar untuk "Menambahkan Teks HTML Menggunakan insertAdjacentText DOM"

  1. AnonimSenin, 21 Februari 2022 pukul 10.03.00 WIB

    Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method insertAdjacentText() DOM pada HTML?

    BalasHapus
    Balasan
    1. AnonimSenin, 21 Februari 2022 pukul 10.04.00 WIB

      Berikut adalah beberapa jenis browser populer yang dapat digunakan untuk mengaktifkan method insertAdjacentText() DOM pada HTML:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Apple Safari

      Hapus
  2. AnonimJumat, 25 Februari 2022 pukul 13.32.00 WIB

    Apa yang dimaksud dengan method insertAdjacentText() DOM pada HTML?

    BalasHapus
    Balasan
    1. AnonimJumat, 25 Februari 2022 pukul 13.33.00 WIB

      Method insertAdjacentText() DOM merupakan antarmuka dari elemen yang digunakan untuk memberikan posisi relatif dari string dan menyisipkan node teks baru pada posisi tertentu yang bersifat relatif terhadap elemen yang dipanggil.

      Hapus
    2. AnonimJumat, 25 Februari 2022 pukul 13.34.00 WIB

      Method insertAdjacentText() digunakan untuk menyisipkan elemen tertentu ke dalam posisi tertentu.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -