用js语句显示table的某个隐藏列

Posted 2023-05-09

我在table中隐藏了一列，现在想用js在点击提交按钮后将隐藏的内容显示在页面上，请问这个js该怎么写？万分感谢，很着急用，以下为table
<table width="251" bgcolor="#000000" height="8">
<tr bgcolor="ffffff">
<td style="display:none;" align=left>
<table id=lpc bgcolor=#98CC00 height=6>
<tr><td></td></tr>
</table>  
</td>
</tr>
</table>

参考技术A <table
width="251"
bgcolor="#000000"
height="8">
<tr
bgcolor="ffffff">
<td
id="ctr"
style="display:none;"
align=left>
<table
id=lpc
bgcolor=#98CC00
height=6>
<tr><td>content</td></tr>
</table>
</td>
</tr>
</table>
<input
type="button"
value="提交"
onclick="test()"/>
//提交按纽调用该方法
<script>
function
test()
document.getElementById("ctr").style.display="block";

</script>

原生js显示和隐藏

一、display默认属性值的选择

显示的元素设置的值分情况

（如果选择属性值错误，会影响已经写好的样式）

块元素的默认值是display:block
内联元素的默认值是display:inline
表格table元素的默认值是display:table
表格单元格td元素的默认值是display:table-cell
表格行tr元素的默认值是display:table-cow

隐藏的元素设置的值

display:none

二、代码演示

块级元素

function showContainer2() {
    var container1 = document.getElementById(‘container1‘);
    var container2 = document.getElementById(‘container2‘);
    container1.style.display = "none";
    container2.style.display = "block";
}

 

行内元素

function hiddenDiv4(divID) {
    if (divID != null && divID != "") {
        var fugai4Hidden = document.getElementById(divID);
        if (fugai4Hidden.style.display == "none") {
            fugai4Hidden.style.display = "inline";
        }
    }
}