Question

改js代码兼容到火狐

function cols(table,num,isShow){
for(i=0;i<table.rows.length;i++)
table.rows[i].cells[num].style.display=isShow?"inline":"none";
}
这是一个通过复选框控制表格列显示和隐藏的代码
<script>
function cols(table,num,isShow){
for(i=0;i<table.rows.length;i++)
table.rows[i].cells[num].style.display=isShow?"inline": "none";}
</script>
<INPUT type= "checkbox" onclick="cols(tb2,1,this.checked)"/> 隐藏
<INPUT type= "checkbox" onclick="cols(tb2,0,this.checked)"/> 隐藏
<TABLE id=tb2 >
。。。。。

Answer 1

　　您好！很高兴为您答疑！

稍微修改后的结果如下，火狐中测试正常：
<script>
function cols(num,isShow){
var table=document.getElementById("tb2");
//alert(table);
for(i=0;i<table.rows.length;i++)
table.rows[i].cells[num].style.display=isShow?"none": "inline";}
</script>
<input type= "checkbox" onclick="cols(0,this.checked)"/> 隐藏
<input type= "checkbox" onclick="cols(1,this.checked)"/> 隐藏
<table id="tb2">
<tr >
<td style="display: ">1.1</td>
<td style="display: ">1.2</td>
</tr>
<tr >
<td style="display: ">2.1</td>
<td style="display: ">2.2</td>
</tr>
</table>

　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

Answer 2

function cols(num,isShow) // 此处有改动，table 没了
{
var table = document.getElementById("tb2");// 改为通过标准方式获取控件
for(i=0;i<table.rows.length;i++)
{
document.getElementById("tb2").rows[i].cells[num].style.display=isShow?"inline": "none";

}
}
</script>
<INPUT type= "checkbox" onclick="cols(1,this.checked)"/> 隐藏 // 少传了 tb2 这个参数
<INPUT type= "checkbox" onclick="cols(0,this.checked)"/> 隐藏 // 少传了 tb2 这个参数

Answer 3

不知道你具体代码怎样，我把你的代码稍微修改了：
<script>
function cols(num,isShow){
var table=document.getElementById("tb2");
//alert(table);
for(i=0;i<table.rows.length;i++)
table.rows[i].cells[num].style.display=isShow?"none": "inline";}
</script>
<input type= "checkbox" onclick="cols(0,this.checked)"/> 隐藏
<input type= "checkbox" onclick="cols(1,this.checked)"/> 隐藏
<table id="tb2">
<tr >
<td style="display: ">1.1</td>
<td style="display: ">1.2</td>
</tr>
<tr >
<td style="display: ">2.1</td>
<td style="display: ">2.2</td>
</tr>
</table>
在火狐中是可以的

Answer 4

这个问题里的，当这一列有一个input控件的时候不能隐藏，那代码该如何控制呢
例如该列每一行有一个<input type=text id=cars name="cars" size="10" >这个控件，如何写呢，请教了！有知道的大侠说下呀！