Question

163

javascript - changing a class' style

rated 0 times [ 164] [ 1] / answers: 1 / hits: 111058 / 13 Years ago, fri, february 24, 2012, 12:00:00

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?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

aidan

Add To Favorites

Follow

Total Points: 72

Total Questions: 95

Total Answers: 121

Location: Uzbekistan

Member since Sat, Feb 27, 2021

3 Years ago

aidan questions

1 Solana - How to get the balance from my Phantom wallet?

Mon, Oct 11, 21, 00:00, 3 Years ago

1 ChartJS show value in legend (Chart.js V3.5)

Wed, Sep 29, 21, 00:00, 3 Years ago

1 Unable to access modal-dialogue in cypress

Sun, Sep 5, 21, 00:00, 3 Years ago

1 Include an external css file in vuejs

Thu, Jan 16, 20, 00:00, 4 Years ago

1 How to update the state immediately in React functional component?

Tue, Jan 7, 20, 00:00, 4 Years ago

View All

answered 13 Years ago jase · Accepted Answer

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