Как изменить свойство класса с помощью js?

248
01 марта 2017, 18:48

Есть div с классом mystyle. В классе есть свойство margin как его изменить с помощью обычного js или jquery?

.mystyle, .mystyle ul { 
  margin: 0; 
}
<div class="mystyle"> 
  <ul> 
    <li>Пример</li> 
  </ul> 
</div>

Answer 1

Обычный JavaScript

document.getElementsByClassName('mystyle')[0].style.margin = "50px";

или так

document.getElementsByClassName('mystyle')[0].style= "margin: 50px";

jQuery

$('.mystyle').css('margin','50px');
Answer 2

Если нужно поменять во всех элементах этого класса:

$('.mystyle').css('margin','10px')

Если прямо в стилях нужно поменять:

$(function() { 
  var ss = document.styleSheets[0]; 
  var rules = ss.cssRules || ss.rules; 
  var h1Rule = null; 
  for (var i = 0; i < rules.length; i++) { 
    var rule = rules[i]; 
    if (/(^|,) *\.mystyle *(,|$)/i.test(rule.selectorText)) { 
      h1Rule = rule; 
      break; 
    } 
  } 
  h1Rule.style.margin='10px' 
  console.log(h1Rule.style.margin) 
 
});
.mystyle{ 
   margin: 0; 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<h1 class="mystyle">Header</h1>

READ ALSO
Вывести ограниченное количество option в select
HTML

Вывести ограниченное количество option в select

Добрый день, есть выпадающий список

 331
Оптимизация для Retina
HTML

Оптимизация для Retina

ЗдравствуйтеВстал такой вопрос как оптимизация изображения/текста, для retina дисплеев

 204
Импорт новостей из файла
HTML

Импорт новостей из файла

Есть ли работающий способ массовой загрузки постов из файла? Чтобы заполнить таблицу и загрузить

 228
Blur filter в CSS
HTML

Blur filter в CSS

как задать blur filter на чистом css div'у с background: url() только в пределах другого div?

 227