javascript - 改变类的风格 [英] javascript - changing a class' style

问题描述

我一直在使用jQuery一段时间，但现在我想写一些纯粹的javascript和它的prooving是有挑战性的。
我现在最大的问题之一是，我没有找到了一种方式来设置/改变类的样式。这不是有id的元素的问题，但是我想改变一组元素的样式与同一个类，而不只是一个元素的id ..
在jQuery我只会写：

  $（'。someClass'）。css（'color'，'red'）
 
解决方案
 
 
 
 / div> 
尝试下列
  var all = document.getElementsByClassName（'someClass'）; 
 for（var i = 0; i  all [i] .style.color ='red'; 
} 
  
注意：由于Cheery指出 getElementsByClassName 将无法在IE中工作。链接的问题有一个解决此限制的好方法。
 
 
 
 
 
  javascript document.getElementsByClassName与IE的兼容性 
 
 
 
I've been working with jQuery for a while, but now I want to write something in pure javascript and it's prooving to be challenging..
One of my biggest problems at the moment is that I haven't found a way to set/change styling for a class. This is not a problem for elements with id, but I want to change the styling for a group of elements with the same class and not just for one element with an id.. 
In jQuery I would just write:
$('.someClass').css('color','red')
Is there really no simple equivalence to this in pure js?
解决方案
Try the following
var all = document.getElementsByClassName('someClass');
for (var i = 0; i < all.length; i++) {
  all[i].style.color = 'red';
}
Note: As Cheery pointed out getElementsByClassName won't work in IE.  The linked question has a nice way to work around this limitation


javascript document.getElementsByClassName compatibility with IE


                        
这篇关于javascript  - 改变类的风格的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！