javascript - 我的 javascript 在 chrome 中不工作

Question

我有一个 java 脚本可以在 Firefox 和 IE 中正常工作，但它在 chrome 中不起作用!我想当我点击按钮时它会显示表格。如果我使用 chrome 并点击它加载表格，但我看不到整个表格，因为它的滚动不能正常工作。这是我的脚本:

function toggle_it(itemID) {
    if ((document.getElementById(itemID).style.display == 'none'))
    {
        document.getElementById(itemID).style.display = 'inline';
    } else {
        document.getElementById(itemID).style.display = 'none';
    }
}

<tr class="query-box">
    <td width="30%">&nbsp;</td>
    <td><p align=right><a href="#" onClick="toggle_it('mytable id')"><img border="0" 
                                                                          src="mypicbutton.gif">&nbsp;More...</a>&nbsp;</p></td>
</tr> 

Answer 1

您正在将表格的display设置为inline，但这不是表格的正常display；正常是 table。但是，要使您的 toggle_it 在任何类型的元素上工作，请将其设置为 ''，这将使其表现得好像您没有设置 display ，无论是哪种元素，都返回到默认的 display :

function toggleIt(id) {
    var element = document.getElementById(id);
    if(element.style.display === 'none') {
        element.style.display = '';
    }else{
        element.style.display = 'none';
    }
}

^{如您所见，我还通过其他方式稍微清理了代码。}