recherche

Maison  >  Article  >  interface Web  >  Méthode JS pour afficher les lignes spécifiées de code HTML dans une table_javascript skills

Méthode JS pour afficher les lignes spécifiées de code HTML dans une table_javascript skills

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

L'exemple de cet article décrit la méthode utilisée par JS pour afficher la ligne spécifiée de code HTML dans le tableau. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

Le code js suivant montre comment obtenir le code html de la ligne spécifiée à travers le tableau rows du tableau, y compris toutes les colonnes 

<!DOCTYPE html>
<html>
<head>
<script>
function showRow()
{
alert(document.getElementById('myTable').rows[0].innerHTML);
}
</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="showRow()"
value="Show innerHTML of first row">
</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：Interprétation du code source du sélecteur jQuery (8) : addCombinator function_jqueryArticle suivant：Interprétation du code source du sélecteur jQuery (8) : addCombinator function_jquery

Articles Liés

Voir plus