communauté Apprendre Bibliothèque d'outils Loisirs

Français

Maison > interface Web > js tutoriel > 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

Libérer： 2016-05-16 16:06:56

original

983 Les gens l'ont consulté

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>

Copier après la connexion

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.

Étiquettes associées：

code HTML js

source：php.cn

Article précédent：Interprétation du code source du sélecteur jQuery (8) : addCombinator function_jquery Article suivant：Interprétation du code source du sélecteur jQuery (3) : tokenize method_jquery

Déclaration de ce site Web

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

Derniers articles par auteur