masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

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

Bagaimana untuk menukar kandungan sel jadual secara dinamik dalam kemahiran JavaScript_javascript

WBOY

Lepaskan： 2016-05-16 16:07:08

asal

1416 orang telah melayarinya

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>

Salin selepas log masuk

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

Label berkaitan：

javascript perubahan dinamik 表格

sumber：php.cn

Artikel sebelumnya：Menulis Tetris dalam kemahiran JavaScript_javascript asli Artikel seterusnya：Js asli digabungkan dengan html5 untuk mencipta kemahiran sub-permainan_javascript dua warna yang mudah

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

Artikel terbaru oleh pengarang