Показать сообщение отдельно
  #4 (permalink)  
Старый 24.12.2013, 22:53
Интересующийся
Отправить личное сообщение для NMitra Посмотреть профиль Найти все сообщения от NMitra
 
Регистрация: 16.08.2013
Сообщений: 21

С getComputedStyle ещё хуже получилось ((

Да, верно, вы правы, спасибо:

<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.borderRightWidth + ' ' + itog.style.borderRightStyle + ' ' + itog.style.borderRightColor;
  document.querySelector('pre span:nth-of-type(3)').innerHTML = itog.style.borderBottomWidth + ' ' + itog.style.borderBottomStyle + ' ' + itog.style.borderBottomColor;
  document.querySelector('pre span:nth-of-type(4)').innerHTML = itog.style.borderLeftWidth + ' ' + itog.style.borderLeftStyle + ' ' + itog.style.borderLeftColor;
}
</script>
Ответить с цитированием