Cet article décrit la méthode de JS pour développer ou masquer les lignes de table en cliquant sur la souris. Partagez-le pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
La copie de code est la suivante:
<! Doctype html public "- // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<adal>
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" />
<Title> JS implémente la souris cliquez pour étendre / masquer les lignes de table </tapt
</ head>
<body>
<script linguisse = "javascript">
fonction TestBlack (tagName) {
var obj = document.getElementById (tagName);
if (obj.style.display == "") {
obj.style.display = "Aucun";
}autre{
obj.style.display = "";
}
}
</cript>
<table cellpacing = "0" cellpadding = "0">
<tr onClick = "TestBlack ('Divc');">
<td bgcolor = "# 00ccff"> cliquez sur moi! </td>
</tr>
<tr id = "divc">
<td bgcolor = "# 9966ff"> </td>
</tr>
</ table>
</docy>
</html>
J'espère que cet article sera utile à la programmation JavaScript de tous.