Breaking News: Grepper is joining You.com. Read the official announcement!

javascript get element by class name change style

Add Answer

Strange Squirrel answered on November 30, 2021 Popularity 9/10 Helpfulness 9/10

answer javascript get element by class name change style

related js update css class name

related change style using getelementsbyclassname

javascript get element by class name change style

Comment

const boxes = document.querySelectorAll('.box');

boxes.forEach(box => {
  box.style.backgroundColor = 'purple';
  box.style.width = '300px';
});

Popularity 9/10 Helpfulness 9/10 Language javascript

Source: bobbyhadz.com

Tags: class element get javascript

Link to this answer
Share Copy Link

Contributed on Sep 06 2022

Strange Squirrel

0 Answers Avg Quality 2/10

Closely Related Answers

js update css class name

Comment

document.getElementById("MyElement").classList.add('MyClass');

document.getElementById("MyElement").classList.remove('MyClass');

if ( document.getElementById("MyElement").classList.contains('MyClass') )

document.getElementById("MyElement").classList.toggle('MyClass');

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: class clas

Link to this answer
Share Copy Link

Contributed on Nov 30 2021

ListenToThisGuy

0 Answers Avg Quality 2/10

change style using getelementsbyclassname

Comment

window.onload=function(){
    var aColl = document.getElementsByClassName('a'); //Cache the collection here, so that even a new element added with the same class later we can avoid querying this again by using the cached collection.
    var bColl = document.getElementsByClassName('b');

    document.getElementById('A').addEventListener('mouseover', function(){
        changeColor(aColl, 'red');
    });

    document.getElementById('B').addEventListener('mouseover', function(){
        changeColor(bColl, 'blue');
    });
}
function changeColor(coll, color){

    for(var i=0, len=coll.length; i<len; i++)
    {
        coll[i].style["background-color"] = color;
    }
}

Popularity 5/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: getelementsbyclassname javascript using

Link to this answer
Share Copy Link

Contributed on Apr 07 2024

Careful Chicken

0 Answers Avg Quality 2/10

javascript get element by class name change style

Contents

More Related Answers

javascript get element by class name change style

Closely Related Answers

js update css class name

change style using getelementsbyclassname

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.