Rumah > Artikel > hujung hadapan web > 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

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

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>

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：Node.js Asynchronous Programming Callback Pengenalan (1)_node.jsArtikel seterusnya：Node.js Asynchronous Programming Callback Pengenalan (1)_node.js

Artikel berkaitan

Lihat lagi