dhtml menyediakan dua metode untuk ditambahkan, insertAdjacentHTML dan insertAdjacentText
metode insertAdjacentHTML: Sisipkan pernyataan tag html di tempat yang ditentukan.
Prototipe: insertAdjacentHTML(swhere,stext)
parameter:
swhere: Menentukan tempat di mana pernyataan tag html disisipkan. Ada empat nilai yang tersedia:
1.beforeBegin: Sisipkan sebelum awal label
2.afterBegin: Sisipkan setelah tag awal label
3.beforeEnd: Sisipkan sebelum tag akhir dari tag
4.afterEnd: Sisipkan setelah tag akhir label
stext: konten yang akan disisipkan
contoh:
Copy kode kodenya sebagai berikut:
var sHTML="<input type=button go2()" + " value='Klik Saya'><BR>"
var sScript='<SCRIPT DEFER>'
sScript = sScript + 'function go2(){ alert("Halo dari skrip yang dimasukkan.") }'
sScript = sScript + '</script' + '>';
ScriptDiv.insertAdjacentHTML("afterBegin",sHTML + sScript);
Tambahkan baris ke badan html:
<IDDIV="ScriptDiv"></Div>
Akhirnya menjadi:
Copy kode kodenya sebagai berikut:
<DIV ID="ScriptDiv">
<input type=button onclick=go2() value='Klik Saya'><BR>
<SKRIP TUNDA>
function go2(){alert("Halo dari sctipt yang dimasukkan.")}'
</skrip>
</DIV>
Metode insertAdjacentText mirip dengan metode insertAdjacentHTML, hanya saja metode ini hanya dapat menyisipkan teks biasa dan memiliki parameter yang sama.
Kedua atribut ini cukup dapat diterapkan, terutama pada gambar dan tempat lainnya. Keuntungannya adalah tidak akan menimpa konten asli. Mari kita asumsikan ada DIV yang sudah memiliki konten di dalamnya konten asli, jadi ini sangat penting saat ini. innerHTML akan menimpa konten asli.
Semua HTML yang muncul berpasangan dapat menggunakan atribut ini, yang sama dengan innerHTML. Misalnya <body>..</body>, <div>....</div>, dll. semuanya memiliki dua atribut ini. .
Tambahan: Saya baru mencobanya, dan atribut innerHTML dapat dibaca dan ditulis. Dulu saya tahu bahwa innerHTML dapat memasukkan konten ke dalam node, tetapi atribut ini juga dapat dibaca, yang berarti innerHTML menyimpan konten html dari node; pahami selengkapnya dengan mengikuti kode berikut:
Copy kode kodenya sebagai berikut:
<html>
<kepala>
<meta http-equiv="Jenis Konten" content="teks/html; charset=gb2312">
<title>Dokumen Tanpa Judul</title>
</kepala>
<tubuh>
tempat safdsdaf tepat waktu
<skrip bahasa="javascript">
peringatan(dokumen.tubuh.Teks Dalam)
</skrip>
</tubuh>
</html>
Di atas adalah kode yang saya teruskan kepada orang lain. Saya akan menambahkan beberapa baris kode lagi di bawah ini. Ini juga sangat klasik.
Copy kode kodenya sebagai berikut:
<skrip bahasa="javascript" type="teks/javascript">
fungsi tambahkanFile()
{
var filebutton = '<br><input type="file" size="50" name="File" />';
document.getElementByIdx('FileList').insertAdjacentHTML("beforeEnd",filebutton);
}
</skrip>
Di atas adalah script pada Head, dan berikut ini adalah kode html pada body:
Copy kode kodenya sebagai berikut:
<p id="Daftar File">
<input type="file" runat="server" size="50" nama="File"/>
</p>
Anda dapat melihat efeknya dengan menyalin kode ke dalam file dan menyimpannya sebagai html.