L'exemple de cet article décrit la méthode JS pour contrôler le tableau afin d'afficher uniquement les bordures de lignes ou les bordures de colonnes. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :
Grâce au code JS suivant, vous pouvez contrôler le tableau pour afficher uniquement les séparateurs entre les lignes, ou uniquement les séparateurs entre les colonnes, principalement en utilisant l'attribut Rules de l'objet table
<!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>J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
