`

点击隐藏行 div tbody

 
阅读更多

<script>
function showPage(field,sDivId){
  var oDiv=document.getElementById(sDivId);
  if(oDiv.style.display==""){
    oDiv.style.display="none";   
    field.src="butCollapseBlue.gif"; 
  }else{
    oDiv.style.display="";
    field.src="butExpandBlue.gif";
  }
}
 </script>

<table>
  <IMG name="Contextdelegate" src="butExpandBlue.gif" onclick="showPage(this,'divContent1')">〖<strong>评级信息</strong>〗
  <div id="divContent1">  
 <TR>
    <td>
  <input type="text">
    </td>
     <td>
  <input type="text">
    </td>
 </tr>
 <TR>
    <td>
  <input type="text">
    </td>
    <td>
  <input type="text">
    </td>
 </tr> 
  </div>
</table>
注意:table和div 无法交叉,想在table内隐藏div不行  将<div>换成<tbody>即可

 

分享到:
评论

相关推荐

    点击文本框中按钮弹出日期

    点击文本框中按钮弹出日期 &lt;div style="width:110px; float:left;"&gt;&lt;input name="text" type="text" class="Input" id=showdate /&gt;&lt;/div&gt;&lt;div style="margin-left:-20px; margin-top:4px; width:20px; float:left; z...

    JS实现鼠标点击展开或隐藏表格行的方法

    在本例中,我们探讨了如何使用JavaScript实现一个简单的功能,即通过鼠标点击表格行来展开或隐藏其他行。这个功能可以应用于各种场景,如数据展示、信息折叠等,以提高用户体验。 首先,我们要理解HTML表格的基本...

    js 显示/隐藏某些列

    4. **遍历子元素**:如果你的列是嵌套在其他容器(如`&lt;div&gt;`或`&lt;tbody&gt;`)中,可能需要遍历这些容器的子元素来找到所有的列。可以使用`querySelectorAll`或`children`属性来获取子元素列表,然后对每个元素应用上述...

    javasript实现密码的隐藏与显示.docx

    同时,它也会更新按钮的文本,以便用户知道可以再次点击隐藏密码。相反,`txt()`函数的作用是将输入框类型重新设置回`password`,恢复密码的隐蔽状态。 关键在于`getElementById`和`innerHTML`属性。`...

    java项目学习笔记

    这里一个按钮,点击时隐藏或显示其下的若干行 &lt;tbody id='tobehide'&gt; &lt;tr&gt;&lt;td&gt;需要隐藏的行&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;需要隐藏的行&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;需要隐藏的行&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt; ``` 以上是基于HTML、...

    jquery动态增加删减表格行特效

    3. **事件处理**:“增行”和“删行”按钮的点击事件。 4. **表单元素操作**:设置表单元素(如文本框)的值。 #### 三、实现原理 本例通过使用jQuery来实现动态增加和删除表格行的功能。主要包括以下几个步骤: -...

    【JavaScript源代码】jQuery实现增删改查.docx

    - 删除数据:点击“删除”按钮,移除对应行的数据。 - 查询数据:通过输入框搜索特定数据。 #### 3. HTML结构设计 ```html &lt;!-- 容器 --&gt; &lt;div class="container" style="padding-top: 40px;"&gt; &lt;!-- 搜索与增加...

    jquery控制页面的展开和隐藏实现方法(推荐)

    - 紧接着"隐藏/展开切换"单元格的后面,有一个类名为"panel-body"的div元素,它包含了另一个表格,并默认隐藏(style="display:none;")。这个div元素就是通过slideToggle()方法控制展开和隐藏的部分。 通过上述...

    使用js动态增加记录

    - **显示逻辑**:通过JavaScript控制弹窗的显示与隐藏,例如当用户点击某个按钮时,触发弹窗显示。 2. **动态表格生成**: - **表头设置**:使用`&lt;table&gt;`元素创建表头,一般包含固定不变的列名。 - **表格主体...

    【JavaScript源代码】Bootstrap+Jquery实现日历效果.docx

    在上面的代码中,当用户点击“显示日历”按钮时,日历会通过`toggle()`方法进行显示或隐藏。为了填充日历,我们需要生成一个包含月份和日期的表格。这可以通过循环遍历日期并添加到DOM中完成。同时,可以使用...

    jQuery实现伪分页的方法分享

    这个函数接收三个参数:`pageDiv`表示显示分页控件的div的ID,`tbodyId`是表格中tbody的ID,`pageSize`是每页要显示的数据行数。 d. 在函数内部,首先隐藏超过`pageSize`的行,然后计算总页数并生成分页控件的HTML...

    使用jQuery 操作table 完成单元格合并的实例

    - 如果内容相同,增加`mark`计数,并隐藏当前行的单元格。 - 当内容不同时,检查是否需要合并,更新`rowspan`属性,隐藏之前的重复单元格,并重置`mark`。 8. **最后的注意事项**: 合并单元格时,要确保合并的...

    用jquery实现比较好用的日历组件

    每个日期单元格可以绑定点击事件,显示或隐藏详细信息。例如: ```html &lt;div id="calendar"&gt; &lt;div class="header"&gt; &lt;div class="month"&gt;&lt;/div&gt; &lt;div class="prev"&gt;上一月&lt;/div&gt; &lt;div class="next"&gt;下一月&lt;/div&gt;...

    淘宝旺铺4屏遮掩效果代码

    每个 `&lt;td&gt;` 对应一个图片区域,其内部包含一个 `&lt;a&gt;` 标签,用于展示点击后的链接。 - 每个 `&lt;td&gt;` 的 `style` 属性中的 `opacity` 和 `background-color` 用于设置遮罩层的透明度和背景颜色,使得遮罩层覆盖在图片...

    利用 table 实现垂直选项卡

    3. **创建表体** - 使用`&lt;tbody&gt;`包含内容,每个内容块对应一个`&lt;tr&gt;`行,每个单元格`&lt;td&gt;`显示相应的内容。 4. **样式调整** - 通过CSS将表头的`&lt;th&gt;`元素设置为垂直排列,隐藏不选中的内容`&lt;td&gt;`,并添加适当的...

    AngularJS Bootstrap详细介绍及实例代码

    此外,还有一个用于创建新用户的按钮和表单,它们通过`ng-show`和`ng-hide`指令来控制显示和隐藏。 通过这个实例,我们可以看到AngularJS和Bootstrap结合使用的优势:通过AngularJS的数据绑定和事件处理机制与...

    jQuery实现Table分页跳转

    jQuery分页的基本思想是通过JavaScript动态加载或隐藏Table中的数据行,以实现分页显示。通常会结合后端接口获取数据,根据每页显示的数据量来划分页码,用户点击页码时,发送请求获取对应页的数据,并更新Table内容...

    纯table导出excel文档

    5. 文件下载:当`table2excel`函数执行后,它会在浏览器中创建一个隐藏的`a`标签,设置其`href`属性为生成的Excel文件内容,并触发点击事件,从而开始下载。 需要注意的是,虽然这种方法简单且直接,但其生成的...

    简洁的jQuery日历代码.zip

    首先,需要为`#showCalendar`按钮添加点击事件监听器,当点击时显示日历: ```javascript $('#showCalendar').on('click', function() { $('#calendar').toggle(); }); ``` - 接下来,我们需要生成日历的HTML...

    经典常用html源文件

    例如,创建一个隐藏的`div`作为弹窗,并通过JavaScript控制其显示和隐藏。弹窗的样式可以通过CSS进行自定义,包括位置、大小、背景色、透明度等。 这些源文件提供了实践这些功能的模板,对于初学者来说是很好的学习...

Global site tag (gtag.js) - Google Analytics