Javascript Html样式隐藏在表中,td-s无法正常工作,仅适用于div-s
我想隐藏和取消隐藏html文件的某些部分。 我使用的代码: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")
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,我不知道为什么,举个小例子