js显示与隐藏表格中td的方法介绍

发布时间:2019-08-22编辑:脚本学堂
为大家介绍如何用js代码实现显示与隐藏表格中的td,有需要的朋友,可以参考下。

在页面加载时,将表格中id="showPic"的列隐藏,在用js代码document.getElementById("showPic").style.display = "block";将id="showPic"的列显示出来,但是问题出来了,因为id="showPic"的列中有一个属性colspan="4",当id="showPic"这列显示出来的时候,在IE下面colspan="4"能起作用,但在firefox下面colspan="4" 就不起作用了,最后我的解决方案是将document.getElementById("showPic").style.display = "block";改为document.getElementById("showPic").style.display = "";

分析与解决:

1、IE:
当动态给TD设置colspan属性时要写成:tdObj.setAttribute("colSpan","4")或tdObj.colSpan=4;
如果设置为:tdObj.setAttribute("colspan","4")或tdObj.colspan=4,就会失败

当获取TD的colspan属性时:tdObj.getAttribute("colSpan")或tdObj.getAttribute("colSpan")
或tdObj.colSpan;如果通过tdObj.colspan就会失败。

总之:colspan属性要写成colSpan,也不能写成colspan。

2、FF:
FF获取colSpan的值是和IE中的情况是一样的。。但是动态的给td设置colSpan属性好像没有起作用。

希望以上的方法,对大家有所帮助,不明之处,欢迎大家共同交流学习。