Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/392.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Html样式隐藏在表中,td-s无法正常工作,仅适用于div-s_Javascript_Html_Html Table_Hidden - Fatal编程技术网

Javascript Html样式隐藏在表中,td-s无法正常工作,仅适用于div-s

Javascript Html样式隐藏在表中,td-s无法正常工作,仅适用于div-s,javascript,html,html-table,hidden,Javascript,Html,Html Table,Hidden,我想隐藏和取消隐藏html文件的某些部分。 我使用的代码: function changeVisible(colorClass, mode){ var items = document.getElementsByClassName(colorClass); for(var i=0; i < items.length; i++) { if(mode == "0")

我想隐藏和取消隐藏html文件的某些部分。 我使用的代码:

function changeVisible(colorClass, mode){
        var items = document.getElementsByClassName(colorClass);
            for(var i=0; i < items.length; i++) 
            { 
                if(mode == "0")
                {
                  items[i].setAttribute("style","");
                  items[i].style.visibility = 'hidden';
                }
                else if(mode == "1")
                {
                  items[i].setAttribute("style","");
                  items[i].style.visibility = 'visible';
                  <!--items[i].style.display = 'none';-->
                }
                               }    
        }
用于选择可隐藏零件的零件:

function getURLParameters(variable, element){
               var query = window.location.search.substring(1);
               var vars = query.split("&");
               for (var i=0;i<vars.length;i++) 
               {
                       var pair = vars[i].split("=");
                       if(pair[0] == variable)
                       {
                            <!-- document.getElementById("cXLS").checked = pair[1]; -->
                            if(pair[1] == "true")
                            {
                                <!-- document.getElementById("cXLS").checked = true; -->
                                document.getElementById(element).setAttribute('checked', 'checked');
                                if(element == "cERR"){
                                    changeVisible("red", "1");
                                }
                            }
                            else if(pair[1] == "false"){
                                <!-- document.getElementById("cXLS").checked = false; -->
                                document.getElementById(element).removeAttribute('checked');
                                if(element == "cERR"){
                                    changeVisible("red", "0");
                                }

                            } 
                       }
               }            
        }       
问题是,这只适用于div,但适用于table,或者不适用于td。
有什么建议吗?

问题解决了。主要问题是入口点错误。

不应该隐藏TDs,而应该隐藏TRs。隐藏TDs会弄乱表的布局。您能否设置一个JSFIDLE.net示例,并准确显示哪些不起作用@Diodeus我认为将可见性设置为hidden不会弄乱布局,因为td仍然会占用相同的空间是的,我已经用JSFIDLE尝试过了,这很有效。问题是,这段代码没有填充表的style属性,只填充div,我不知道为什么,举个小例子