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與之更加兼容。
小提琴： http ： //jsfiddle.net/E396D/

我在兼容模式下在IE10中嘗試了此方法，並且該方法有效（原始方法無效）。