如何控制td的隐藏与显示?

qq_38246820 2017-09-28 11:49:03


我如何设置表格边框的显示与隐藏。这个是一开始新建一张表单时,字段虽然隐藏了,但是边框没隐藏,就像现在的模样,我想把边框也隐藏掉。填写完表格到下一个人审批时,之前隐藏的字段都出来了,我也要边框出来。问各位大神,就是td里面的border如何设置它的隐藏与显示
...全文
1548 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
clark_kidd 2017-09-29
  • 打赏
  • 举报
回复
<table id="t">
    <tr>
        <td>line No.</td>
        <td>title1</td>
        <td>title2</td>
        <td>title3</td>
    </tr>
    <tr>
        <td>1</td>
        <td>a</td>
        <td>b</td>
        <td>c</td>
    </tr>
    <tr>
        <td>2</td>
        <td>d</td>
        <td>e</td>
        <td>f</td>
    </tr>
</table>
<button onclick="f1()">隐藏第1行</button>
<button onclick="f2()">隐藏第2行 第3列</button>
<button onclick="f3()">看table一共有几个cell</button>
<button onclick="f4()">隐藏第11个cell(2行 3列)</button>
<script>
var table = document.getElementById("t");
function f1(){
    table.rows[1].style.display = "none";
}
function f2(){
    table.rows[2].cells[2].style.display = "none";
}
function f3(){
    alert(table.cells.length + ",包含了title的所有cell");
}
function f4(){
    table.cells[10].style.display = "none";
}
</script>
天际的海浪 2017-09-28
  • 打赏
  • 举报
回复
直接隐藏tr
jio可 2017-09-28
  • 打赏
  • 举报
回复
通过需要隐藏的td获取到tr然后隐藏tr
  • 打赏
  • 举报
回复
tr.style.display='none' tr改为你对应的行

Web开发学习资料推荐
jqGrid导航Navigator配置
jquery attr prop 区别

87,994

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧