Rumah  >  Artikel  >  hujung hadapan web  >  Kaedah JS untuk mengubah suai jadual cellPadding dan kemahiran cellSpacing_javascript secara dinamik

Kaedah JS untuk mengubah suai jadual cellPadding dan kemahiran cellSpacing_javascript secara dinamik

WBOY
WBOYasal
2016-05-16 16:06:481623semak imbas

Contoh dalam artikel ini menerangkan kaedah mengubah suai jadual cellPadding dan cellSpacing secara dinamik dengan JS. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Kod JS berikut mengubah suai jarak sel jadual dengan mengubah suai sifat cellPadding dan cellSpacing objek jadual

<!DOCTYPE html>
<html>
<head>
<script>
function padding()
{
document.getElementById('myTable').cellPadding="15";
}
function spacing()
{
document.getElementById('myTable').cellSpacing="15";
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>100</td>
<td>200</td>
</tr>
<tr>
<td>300</td>
<td>400</td>
</tr>
</table>
<br>
<input type="button" onclick="padding()"
value="Change Cellpadding">
<input type="button" onclick="spacing()"
value="Change Cellspacing">
</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