Почему не работает в Хроме и как бы это исправить?
<div id="itog1" style="width: 120px; height: 120px; margin: 0 auto; border: medium solid rgb(34, 34, 34);"></div>
<pre>
top: <span></span>
right: <span></span>
bottom: <span></span>
left: <span></span>
</pre>
<script>
var itog = document.querySelector('#itog1');
window.onload = function () {
document.querySelector('pre span:nth-of-type(1)').innerHTML = itog.style.borderTop;
document.querySelector('pre span:nth-of-type(2)').innerHTML = itog.style.borderRight;
document.querySelector('pre span:nth-of-type(3)').innerHTML = itog.style.borderBottom;
document.querySelector('pre span:nth-of-type(4)').innerHTML = itog.style.borderLeft;
}
</script>