Menambahkan Teks HTML Menggunakan insertAdjacentText DOM
Method insertAdjacentText() DOM pada HTML berfungsi untuk melakukan insert teks pada salah satu posisi yang telah ditentukan.
Posisi legal method insertAdjacentText(), yaitu:
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.
Exceptions: proses ini akan aktif ketika posisi spesifik tidak dikenali atau tidak ditemukan.
Contoh:
 |
| Ilustrasi insertAdjacentText DOM HTML |
Sebelum memahami lebih dalam materi tentang Menambahkan Teks HTML Menggunakan insertAdjacentText DOM, terlebih dahulu pelajari materi tentang: Melakukan Insert Teks HTML Menggunakan insertAdjacentHTML DOM [klik], Memasukkan Elemen Spesifik HTML insertAdjacentElement DOM [klik], dan Mengatur Konten Teks HTML Menggunakan innerText DOM [klik].
- 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.
Text: teks yang akan dilakuan insert.
Return Values: method insertAdjacent() DOM tidak mengembalikan nilai apapun dalam pengoperasiannya.
Baca Juga:
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:
Referensi Tambahan:
- 2 Nilai Parameter pada Method isSameNode() DOM pada HTML [klik]
- Cara Penggunaan Method isSupported() DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti Lang DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti lastChild DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti lastElementChild DOM pada HTML [klik]
- Cara Penggunaan Properti nextSibling DOM pada HTML [klik]
- Cara Penggunaan Properti nextElementSibling DOM pada HTML [klik]
Artikel ini didedikasikan kepada: Ishana Sanjaya Wardhani, Ivanka Bimo Al-Machzumi W, Jaya'Ul Nur Azizah, Kamilatun Na'Ima, dan Kariani Yogi Safitri.
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method insertAdjacentText() DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser populer yang dapat digunakan untuk mengaktifkan method insertAdjacentText() DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Apple Safari
Apa yang dimaksud dengan method insertAdjacentText() DOM pada HTML?
BalasHapusMethod 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.
HapusMethod insertAdjacentText() digunakan untuk menyisipkan elemen tertentu ke dalam posisi tertentu.
Hapus