如何使用javascript更改表显示属性

时间:2014-10-17 03:28:19

标签: javascript css

我有一张表已设为display:none。我希望在单击特定单选按钮时将表更改为display:block。在无线电标签中使用onlick=""不起作用,因此我实现了以下代码:

window.onload = function() {
    var adminbutton = document.getElementById('adminstatus');
    adminbutton.onclick = handler;
}

function handler() {
    account.getElementById('brokerform').style.display='block';
}

如果我在alert()中使用handler(),则会通过相应的单选按钮单击触发,因此我知道代码块正在执行。我无法弄清楚为什么handler()中的行不会使表格可见。我也尝试在div中包装表并使用相同的样式操作,但它也不起作用。

2 个答案:

答案 0 :(得分:0)

Demo



var adminbutton = document.getElementById('adminstatus');
adminbutton.onclick = show;

function show() {
    document.getElementById('brokerform').style.display = 'block';
}

<table id="adminstatus">
    <tr>
        <td>adminstatus</td>
    </tr>
</table>
<table id="brokerform" style="display:none;">
    <tr>
        <td>brokerform</td>
    </tr>
</table>
&#13;
&#13;
&#13;

为什么account.getElementById('brokerform').style.display='block';

更改为document.getElementById('brokerform').style.display = 'block';

答案 1 :(得分:-4)

试试这个......

account.getElementById('brokerform').show();

或者这个:

account.getElementById('brokerform').css("display", "block");