change style using getelementsbyclassname

Careful Chicken answered on September 6, 2022 Popularity 2/10 Helpfulness 1/10

answer change style using getelementsbyclassname

related javascript get element by class name change style

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 2/10 Helpfulness 1/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

Closely Related Answers

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 clas

Link to this answer
Share Copy Link

Contributed on Sep 06 2022

Strange Squirrel

0 Answers Avg Quality 2/10

change style using getelementsbyclassname

Contents

More Related Answers

change style using getelementsbyclassname

Closely Related Answers

javascript get element by class name change style

Grepper

Documentation

Social

Legal

Contact

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