Javascript-форум - Не создается элемент в браузере Chrome

Не выводится созданный объект в браузере ХРОМ, во всех остальных работает.

Код:

<!DOCTYPE html>

<html>

  <head>

    <title>Добавление элементов</title>

  </head>

  <body>

   В этом документе содержится только этот текст.

        <br><br>

    <script>

          function O(i) {return typeof i == 'object' ? i : document.getElementById(i)}

      function S(i) { return O(i).style }

          

      alert('Для добавления элемента щелкните на кнопке OK')

      newdiv    = document.createElement('div')

      newdiv.id = 'NewDiv'

      document.body.appendChild(newdiv)

      S(newdiv).border = 'solid 1px red'

      S(newdiv).width  = '100px'

      S(newdiv).height = '100px'

      newdiv.innerHTML = "Это новый объект, вставленный в DOM"

      tmp              = newdiv.offsetTop

      alert('Для удаления элемента щелкните на кнопке OK')

      pnode = newdiv.parentNode

      pnode.removeChild(newdiv)

      tmp = pnode.offsetTop 

    </script>

  </body>

</html>

offsetTop не срабатывает почему-то, странное явление.

<!DOCTYPE html> <html> <head> <title>Добавление элементов</title> </head> <body> В этом документе содержится только этот текст. <br><br> <script> function O(i) {return typeof i == 'object' ? i : document.getElementById(i)} function S(i) { return O(i).style } alert('Для добавления элемента щелкните на кнопке OK') newdiv = document.createElement('div') newdiv.id = 'NewDiv' document.body.appendChild(newdiv) S(newdiv).border = 'solid 1px red' S(newdiv).width = '100px' S(newdiv).height = '100px' newdiv.innerHTML = "Это новый объект, вставленный в DOM" tmp = newdiv.offsetTop alert(tmp) // alert('Для удаления элемента щелкните на кнопке OK') // pnode = newdiv.parentNode // pnode.removeChild(newdiv) // tmp = pnode.offsetTop </script> </body> </html>