recherche

Maison  >  Article  >  interface Web  >  Méthode JS pour contrôler le tableau afin d'afficher uniquement les bordures de ligne ou les compétences borders_javascript de colonne

Méthode JS pour contrôler le tableau afin d'afficher uniquement les bordures de ligne ou les compétences borders_javascript de colonne

WBOY
WBOYoriginal
2016-05-16 16:06:531294parcourir

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.

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Compétences instance_javascript de classe de cookie d'opération JavaScriptArticle suivant：Compétences instance_javascript de classe de cookie d'opération JavaScript

Articles Liés

Voir plus