IE9中的Javascript setAttribute答案

【问题标题】：Javascript setAttribute in IE9IE9中的Javascript setAttribute
【发布时间】：2013-03-28 00:03:41
【问题描述】：

所以我试图在网页打开时隐藏一个表格，但是当点击 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>

【问题讨论】：

标签： javascript internet-explorer-9 setattribute

【解决方案1】：

尝试使用

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

相反，因为 IE 与此更兼容。
小提琴：http://jsfiddle.net/E396D/

我在打开兼容模式的 IE10 中尝试过这个，它可以工作（原来没有）。

【讨论】：