cari

Rumah  >  Artikel  >  hujung hadapan web  >  Kaedah JS untuk menambah sel baharu pada kemahiran rows_javascript jadual

Kaedah JS untuk menambah sel baharu pada kemahiran rows_javascript jadual

WBOY
WBOYasal
2016-05-16 16:07:011201semak imbas

Contoh dalam artikel ini menerangkan kaedah JS untuk menambah sel baharu pada baris jadual. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Kod JS berikut boleh memasukkan sel baharu ke dalam baris dengan id yang ditentukan dalam jadual

<!DOCTYPE html>
<html>
<head>
<script>
function insCell()
{
var x=document.getElementById('tr1').insertCell(0);
x.innerHTML="The famous";
}
</script>
</head>
<body>
<table border="1">
<tr id="tr1">
<td>Peter</td>
<td>Griffin</td>
</tr>
</table>
<br>
<input type="button" onclick="insCell()" value="Insert cell">
</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：jQuery menggunakan kaedah hide untuk menyembunyikan elemen tertentu pada page_jqueryArtikel seterusnya：jQuery menggunakan kaedah hide untuk menyembunyikan elemen tertentu pada page_jquery

Artikel berkaitan

Lihat lagi