cari

Rumah >hujung hadapan web >tutorial js >Kaedah JS untuk mengawal jadual untuk memaparkan hanya sempadan baris atau lajur borders_javascript kemahiran

Kaedah JS untuk mengawal jadual untuk memaparkan hanya sempadan baris atau lajur borders_javascript kemahiran

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

Contoh dalam artikel ini menerangkan kaedah JS untuk mengawal jadual untuk memaparkan hanya sempadan baris atau sempadan lajur. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Melalui kod JS berikut, anda boleh mengawal jadual untuk memaparkan hanya pemisah antara baris, atau hanya pemisah antara lajur, terutamanya menggunakan atribut peraturan objek jadual 

<!DOCTYPE html>
<html>
<head>
<script>
function rowRules()
{
document.getElementById('myTable').rules="rows";
}
function colRules()
{
document.getElementById('myTable').rules="cols";
}
</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>
<br>
<input type="button" onclick="rowRules()" value="Show only row borders">
<input type="button" onclick="colRules()" value="Show only col borders">
</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：Kemahiran instance_javascript kelas kuki operasi JavaScriptArtikel seterusnya：Kemahiran instance_javascript kelas kuki operasi JavaScript

Artikel berkaitan

Lihat lagi