Dulu metode innerHTML dan innerText digunakan untuk menambahkan konten HTML dan konten teks. Baru-baru ini saya menemukan bahwa ada juga metode insertAdjacentHTML dan insertAdjacentText. Kedua metode ini lebih fleksibel dan dapat menyisipkan konten HTML dan konten teks di tempat tertentu.
metode insertAdjacentHTML: Sisipkan pernyataan tag html di tempat yang ditentukan
Prototipe: insertAdajcentHTML(swhere,stext)
Parameter:
swhere: Tentukan tempat untuk menyisipkan pernyataan tag html. Ada empat nilai yang tersedia:
1. beforeBegin: Sisipkan sebelum dimulainya tag
2. afterBegin : Sisipkan setelah tag awal dari tag
3. beforeEnd : Sisipkan sebelum tag akhir dari tag
4. afterEnd : Sisipkan setelah tag akhir dari tag
teks: Konten yang akan disisipkan
DEOM:
<html>
<head >
<skrip bahasa="javascript">
fungsi myfun ()
{
var obj = document.getElementById("btn1");
obj.insertAdjacentHTML("afterEnd","<br><input name="txt1">") ;
}
</skrip>
</head>
< body>
<input name="txt">
<input id="btn1" name="btn1" type="button" value="lebih lanjut..." onclick="myfun ()">
</tubuh>
</html>