Как получить свойство classа CSS в Javascript?

.test { width:80px; height:50px; background-color:#808080; margin:20px; } 

HTML –

 
Click Here

В JavaScript я хочу получить margin:20px

Solutions Collecting From Web of "Как получить свойство classа CSS в Javascript?"

Для современных браузеров вы можете использовать getComputedStyle :

 var elem, style; elem = document.querySelector('.test'); style = getComputedStyle(elem); style.marginTop; //`20px` style.marginRight; //`20px` style.marginBottom; //`20px` style.marginLeft; //`20px` 

margin – это сложный стиль, а не надежный кросс-браузер. Каждый из -bottom , -bottom и -left должен получить доступ индивидуально.

играть на скрипке

Использование jQuery:

  $('.class').css( "backgroundColor" ); 

Для этого я только что выпустил пакет npm. Вы можете найти его здесь на npm или github:

npm: https://www.npmjs.com/package/stylerjs

github: https://github.com/tjcafferkey/stylerjs

вы бы использовали его так

 var styles = styler('.class-name').get(['height', 'width']); 

и стили бы равны

 {height: "50px", width: "50px} 

Таким образом, вы можете просто получить такие значения

 var height = styles.height;