1. Memuat tabel secara dinamis
1. Pertama atur id untuk posisi tambahan tabel di html
Artinya, tulis tag div di dalam tag body html untuk menunjukkan bahwa tabel akan ditambahkan ke dalam div ini. sebagai berikut
<div id="tdl"><div>
2. Tulis pernyataan untuk menambahkan tabel dalam javascript
Jika ada di file html saat ini, ditulis di dalam tag <script>, seperti
Copy kode kodenya sebagai berikut:
<skrip tipe="teks/javascript" >
document.getElementById("tbl").innerHTML="<table><tr><td></td></tr></table>" //Tabel yang ditambahkan di sini dapat dibuat sesuai kebutuhan Anda sendiri
</skrip>
Jika Anda mengimpor file js, tulis pernyataan berikut langsung di file js (dengan asumsi itu adalah test.js)
Copy kode kodenya sebagai berikut:
document.getElementById("tbl").innerHTML="<table><tr><td></td></tr></table>"
Kemudian perkenalkan file html Anda sendiri
Copy kode kodenya sebagai berikut:
<skrip type="teks/javascript" src="test.js"></script>
2. Tambahkan baris tabel secara dinamis
1. Pertama-tama atur id untuk posisi penambahan baris tabel dalam HTML. Posisi ini harus berada di dalam <tbody> (tidak terlalu akurat, tapi saya mendapatkan kesimpulan ini berdasarkan pengujian saya. Jika Anda memiliki metode lain, silakan tinggalkan pesan , terima kasih), sebagai berikut
Copy kode kodenya sebagai berikut:
<tabel>
<kepala></thead>
<tfoot><tfoot> //tfoot dan thead digunakan bersamaan dengan tbody, tapi saat saya menulis, tidak apa-apa jika tidak menggunakannya.
<tbody id="rows"></tbody>
</tabel>
[/s/S ]*/n
2. Pada konten javascript, Anda harus membuat baris dan sel terlebih dahulu, lalu menambahkan baris di <.tbody>, sebagai berikut
[kode]
baris=document.createElement("tr"); //Buat baris
td1=document.createElement("tr"); //Buat sel
td1.appendChild(document.createTextNode("content")); //Tambahkan konten ke sel
row.appendChild(td1); //Tambahkan sel ke baris
document.getElementById("rows").append(row); //Tambahkan baris ke <tbody>
3. Penemuan kecilku (mungkin yang lain sudah mengetahuinya...)
1. Saya melakukan tes sendiri, menulis <table id="tdl'></table> dalam html dan document.getElementById("tdl").innerHTML="<tr><td></td> dalam javascript </ tr>", setelah menulis ini, ujilah, baris tabel di html tidak akan ditambahkan.
2. Setelah menyelesaikan tes di atas, saya mengubahnya lagi menjadi menulis <table><tr><td id="t'><td><tr></table> di html dan document.getElementById("t in javascript " ).innerHTML="<p>konten</p>", pengujian dapat menambahkan konten.
3. Berpikir: Kesimpulan apa yang dapat diambil dari kedua pengujian di atas? Saya belum menemukan cara merangkumnya. Tag jenis apa yang dapat ditambahkan langsung melalui innerHTML?