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

changing CSS with JS, using a function - strips all CSS and re-adds classes passed by 2nd parameter - as an Array

The Arborist answered on October 10, 2021 Popularity 1/10 Helpfulness 1/10

answer changing CSS with JS, using a function - strips all CSS and re-adds classes passed by 2nd parameter - as an Array

changing CSS with JS, using a function - strips all CSS and re-adds classes passed by 2nd parameter - as an Array

Comment

function changeCSS(select, cssArray){
    //function that Removes ClassList
    //then adds back that that DOM element
    // this only works because elem is stored in Memory
    var myArray = [];
    
    var elem = document.getElementsByClassName(select);
    for(var i=0; i<elem.length; i++){
       myArray.push(elem[i]);     
    }  
    myArray.forEach((item, index)=>{
      console.log(myArray);
      myArray[index].removeAttribute('class');
      myArray[index].classList.add(select);
    });
    
    for(var ii=0; ii<elem.length; ii++){
      cssArray.forEach((item, index)=>{
        myArray[ii].classList.add(item);
      });
    }  
}

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: css function javascript using

Link to this answer
Share Copy Link

Contributed on Oct 10 2021

The Arborist

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

changing CSS with JS, using a function - strips all CSS and re-adds classes passed by 2nd parameter - as an Array

Contents

More Related Answers

changing CSS with JS, using a function - strips all CSS and re-adds classes passed by 2nd parameter - as an Array

Grepper

Documentation

Social

Legal

Contact

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