cari

Rumah >hujung hadapan web >tutorial js >Kaedah JS untuk menambah baris secara dinamik pada kemahiran table_javascript

Kaedah JS untuk menambah baris secara dinamik pada kemahiran table_javascript

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBasal
2016-05-16 16:06:591214semak imbas

Contoh dalam artikel ini menerangkan kaedah JS untuk menambahkan baris secara dinamik pada jadual. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Kod JS berikut secara dinamik menambah baris baharu ke bahagian atas jadual melalui kaedah insertRow objek jadual

<!DOCTYPE html>
<html>
<head>
<script>
function insRow()
{
var x=document.getElementById('myTable').insertRow(0);
var y=x.insertCell(0);
var z=x.insertCell(1);
y.innerHTML="NEW CELL1";
z.innerHTML="NEW CELL2";
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>Row1 cell1</td>
<td>Row1 cell2</td>
</tr>
<tr>
<td>Row2 cell1</td>
<td>Row2 cell2</td>
</tr>
<tr>
<td>Row3 cell1</td>
<td>Row3 cell2</td>
</tr>
</table>
<br>
<input type="button" onclick="insRow()" value="Insert row">
</body>
</html>

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Cipta teka-teki jigsaw yang boleh disesuaikan dengan jQuery_jqueryArtikel seterusnya：Cipta teka-teki jigsaw yang boleh disesuaikan dengan jQuery_jquery

Artikel berkaitan

Lihat lagi