Javascript setAttribute в IE9

Question

Так что я пытаюсь сделать таблицу скрытой при открытии веб-страницы, но когда щелкнул ее, она должна показать, но у меня проблемы с 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 с режимом совместимости и работал (оригинал не был).