masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

Rumah > hujung hadapan web > tutorial js > js untuk mengubah suai kemahiran lajur colspan baris jadual secara dinamik span_javascript

js untuk mengubah suai kemahiran lajur colspan baris jadual secara dinamik span_javascript

WBOY

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

asal

2090 orang telah melayarinya

Contoh dalam artikel ini menerangkan kaedah mengubah suai secara dinamik rentang lajur colspan bagi baris jadual dalam js. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

<!DOCTYPE html>
<html>
<head>
<script>
function setColSpan()
{
var x=document.getElementById('myTable').rows[0].cells;
x[0].colSpan="2";
x[1].colSpan="6";
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td colspan="4">cell 1</td>
<td colspan="4">cell 2</td>
</tr>
<tr>
<td>cell 3</td>
<td>cell 4</td>
<td>cell 5</td>
<td>cell 6</td>
<td>cell 7</td>
<td>cell 8</td>
<td>cell 9</td>
<td>cell 10</td>
</tr>
</table>
<form>
<input type="button" onclick="setColSpan()" 
value="Change colspan">
</form>
</body>
</html>

Salin selepas log masuk

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

Label berkaitan：

js Pengubahsuaian dinamik barisan meja

sumber：php.cn

Artikel sebelumnya：Node.js Asynchronous Programming Callback Pengenalan (1)_node.js Artikel seterusnya：Perbincangan ringkas tentang pernyataan js yang serupa dengan kemahiran (function(){}).call()_javascript

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