تصف هذه المقالة طريقة JS لتوسيع أو إخفاء صفوف الجدول من خلال النقر على الماوس. شاركه للرجوع إليه. طريقة التنفيذ المحددة هي كما يلي:
نسخة الكود كما يلي:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en"
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html ؛ charset = utf-8" />
<title> يطبق JS الماوس انقر لتوسيع/إخفاء صفوف الجدول </title>
</head>
<body>
<script language = "javaScript">
وظيفة TestBlack (tagName) {
var obj = document.getElementById (tagName) ؛
if (obj.style.display == "") {
obj.style.display = "none" ؛
}آخر{
obj.style.display = "" ؛
}
}
</script>
<table cellpacing = "0" cellpadding = "0">
<tr onClick = "TestBlack ('divc') ؛">
<td bgcolor = "#00ccff"> انقر فوق لي! </td>
</r>
<tr id = "divc">
<td bgcolor = "#9966ff"> </td>
</r>
</table>
</body>
</html>
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.