JavaScript——一些用法的Mark

最新推荐文章于 2025-04-16 16:39:03 发布

Clare_0_0

最新推荐文章于 2025-04-16 16:39:03 发布

阅读量651

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/u012476249/article/details/51839381

本文介绍了一种使用JavaScript实现的网页元素展开与收起效果的方法。通过简单的代码即可实现行内元素的显示与隐藏切换功能。该效果适用于网页设计中需要用户交互的部分，如FAQ折叠面板等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 点击展开或收起某些行

 <script language="javascript">
 function TestBlack(TagName){
  var obj = document.getElementById(TagName);
  if(obj.style.display==""){
   obj.style.display = "none";
  }else{
   obj.style.display = "";
  }
 }
 </script>

其中下面为jsp页面表达：

 <table width="760" border="0" cellspacing="0" cellpadding="0">
     <tr onclick="TestBlack('divc');">
         <td width="760" height="20" bgcolor="#00CCFF">Click Me!</td>
     </tr>
     <tr id="divc">
         <td width="760" height="60" bgcolor="#9966FF"></td>
     </tr>
 </table>