javascript — захватить css-свойство, прикрепленное к элементу div

Получить свойство css, прикрепленное к элементу div

На этот вопрос уже есть ответ здесь:

У меня есть основная проблема CSS, которую я не знаю, действительно ли это базовая проблема или это что-то еще.

Вот HTML .

 {amp}lt;!DOCTYPE html{amp}gt; {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width"{amp}gt; {amp}lt;title{amp}gt;JS Bin{amp}lt;/title{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div class='test1'{amp}gt;Test1{amp}lt;/div{amp}gt; {amp}lt;/body{amp}gt; {amp}lt;/html{amp}gt; 

Вот CSS .

 .test1 { width: 50px; height: 50px; border: 1px solid red; margin: 5px; } 

Как мы видим, у меня есть элемент div с классом test1 у которого свойство margin 5px . Теперь, если я хочу получить значение поля для элемента div как я получу его?

И просто подсказка, написав ниже, JS ничего не сделает, так как в div нет атрибута style, поле добавляется в div классом css test1.

 const test1 = document.getElementsByClassName("test1")[0]; console.log(test1.style.margin); 

Вот JSBIN для вышеупомянутого scenerio.

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector