首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

用JS统制表格隐藏显示后变形

2013-04-20 
用JS控制表格隐藏显示后变形原本的样子隐藏后的样子再显示的样子通过职务那个ddl来控制隐藏显示的js funct

用JS控制表格隐藏显示后变形
原本的样子
用JS统制表格隐藏显示后变形
隐藏后的样子
用JS统制表格隐藏显示后变形
再显示的样子
用JS统制表格隐藏显示后变形
通过职务那个ddl来控制隐藏显示的js

 function setdisplay(n,m) {
            var classElements = [];
            var allElements = document.getElementsByTagName("tr");
            for (var i = 0; i < allElements.length; i++) {
                if (allElements[i].className == n) {
                    allElements[i].style.display = m;
                }
            }
            return classElements;
        }
        function workchange() {
            var oWork = document.getElementById('<%=ddlWork.ClientID %>');
            if (oWork.value == '学生') {
                setdisplay('studenttr', 'block');
            }
            else {
                setdisplay('studenttr', 'none');
            }
        }


如何解决呢 JavaScript asp.net table js display
[解决办法]
使用display = block 就变成块级元素了,以前也遇到过这样来设置会改变格局:
下面两种是我在项目中用到的解决方法:
1.设置显示属性
display:inline
2.移除属性
removeAttr("display");
[解决办法]
直接用.show()和.hide()来控制显示和隐藏
[解决办法]
引用:
直接用.show()和.hide()来控制显示和隐藏
可以试试!
[解决办法]
引用:
直接用.show()和.hide()来控制显示和隐藏



用Class标记tr 然后取到对象用.show()和.hide()来控制显示和隐藏
这是Jquery

热点排行