代码之家 › 专栏 › 技术社区 › Suresh

用javascript隐藏/显示表

javascript

Suresh · 技术社区 · 15 年前

嗨,我有一些数据表,我有一个展开和折叠按钮,如果我们点击+它将展开和显示表,如果我们点击它将折叠,我使用以下代码,但我得到的错误

document.getElementById('eleName');

imageXchk='expand';  
loadedCheck='false';
function toggleDisplayCheck(e, tableSize){

element = document.getElementById(e).style;
 if (element.display=='none') {
    element.display='block';
    }
 else {
    element.display='none';
    }

 if (loadedCheck=='false') {
    myUpdater('returnsDetailsTable', '/oasis/faces/merchant/dashboard/ReturnsDetailsCheck.jsp', { method: 'get' }); 
    loadedCheck='true'
    }

    size = tableSize-1;
    eleName = 'mercPerfDashboardForm:returnsDetailsTable:' + size +':switchimageRetChk'
 if (imageXchk=='collapse') {
    document.getElementById('eleName').src='${pageContext.request.contextPath}/images/expand.gif';imageXchk='expand';
    }
  else {
    document.getElementById('eleName').src='${pageContext.request.contextPath}/images/collapse.gif';imageXchk='collapse';
    }   
    return false;
}

2 回复 | 直到 15 年前

Tim Down 15 年前

如果元素的样式是 display 属性以前没有在javascript中显式设置,它将为空,即使通过css规则隐藏了元素。最简单的方法是知道初始状态(隐藏或可见)是什么,并假设该状态 显示 属性为空:

if (element.display=='none' || element.display=='') {
    element.display='block';
    }
 else {
    element.display='none';
    }

www 15 年前

您可以使用jquery来完成这个非常简单的任务:

$("#table_id").hide();  // hide the table
$("#table_id").show();  // show the table

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

3 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

3 月前

Alex · 在轻量级中同时解构和不解构变量

3 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

3 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

4 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

4 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

4 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

4 月前

user3472810 · Angular@Output/EventEmitter返回undefined

4 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

4 月前