IE9 中的 JavaScript setAttribute

Question

所以我试图在网页打开时隐藏一个表格，但是当单击 a 时它应该显示，但我在使用 IE9 时遇到问题。我读到 IE8 及以下版本不支持 setAttribute，而我的网页似乎可以在 Firefox 中正常工作。这是代码，只是想知道是否有人可以帮助我:

<h1 onclick="myFunction()">Show Sitemap</h1>

<table id="myInput" style="visibility:hidden;" width="100%" height="50%">
<tr><td><p>Test</p></td></tr>
</table>

<script>
function myFunction()
{
document.getElementById("myInput").setAttribute("style","visibility:visible;"); 
};
</script>

Answer 1

尝试使用

function myFunction()
{
    document.getElementById("myInput").style.visibility = "visible"; 
};

相反，因为 IE 与此更兼容。
fiddle :http://jsfiddle.net/E396D/

我在 IE10 中尝试了此操作，并且启用了兼容模式，并且它有效(原来的无效)。