Rumah > Artikel > hujung hadapan web > Bagaimana untuk menukar kandungan sel jadual secara dinamik dalam kemahiran JavaScript_javascript

Bagaimana untuk menukar kandungan sel jadual secara dinamik dalam kemahiran JavaScript_javascript

WBOYasal: 2016-05-16 16:07:081368semak imbas

Contoh dalam artikel ini menerangkan kaedah menukar kandungan sel jadual secara dinamik menggunakan JavaScript. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

JavaScript menukar kandungan sel jadual secara dinamik Kod berikut mengubah suai kandungan sel dengan mengubah suai innerHTML sel

<!DOCTYPE html>
<html>
<head>
<script>
function changeContent()
{
var x=document.getElementById('myTable').rows[0].cells;
x[0].innerHTML="NEW CONTENT";
}
</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>
<form>
<input type="button" onclick="changeContent()" value="Change content">
</form>
</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：Menulis Tetris dalam kemahiran JavaScript_javascript asliArtikel seterusnya：Menulis Tetris dalam kemahiran JavaScript_javascript asli

Artikel berkaitan

Lihat lagi