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

Kaedah JS untuk menambah sel baharu pada kemahiran rows_javascript jadual

WBOY
Lepaskan: 2016-05-16 16:07:01
asal
1211 orang telah melayarinya

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>
Salin selepas log masuk

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan