Ванильный стиль JavaScript на теле

Почему это не работает?

Использование ванильного JavaScript для установки стиля в теге body?

<html>
   <body style="display:none;">
       test
   </body>
   <script>
       document.getElementsByTagName("body").style.display = "block";
   </script>
</html>

Ответ 1

Потому что getElementsByTagName() возвращает NodeList, а не один элемент. Рассматривайте его как массив:

document.getElementsByTagName("body")[0].style.display = "block";

Или даже проще в случае body:

document.body.style.display = "block";

Ответ 2

Если вы хотите использовать тег body, вы можете просто использовать document.body. Смотрите демонстрацию: http://jsfiddle.net/TH3Yd/

Ответ 3

Я использовал следующее решение:

<script>
    function changeDisplay(){
        document.body.style.display = 'block';
    }

    setTimeout(function () { changeDisplay(); }, 0);
</script>