Come aggiungere una class all’elemento DOM in JavaScript?

Come aggiungere una class per il div ?

 var new_row = document.createElement('div'); 

 new_row.className = "aClassName"; 

Ecco altre informazioni su MDN: className

Qui sta lavorando codice sorgente usando l’approccio alla funzione.

      

C’è anche il modo DOM di farlo in JavaScript:

 // Create a div and set class var new_row = document.createElement("div"); new_row.setAttribute("class", "aClassName" ); // Add some text new_row.appendChild( document.createTextNode("Some text") ); // Add it to the document body document.body.appendChild( new_row ); 

Usa il metodo .classList.add() :

 const element = document.querySelector('div.foo'); element.classList.add('bar'); console.log(element.className); 
 

Vale anche la pena dare un’occhiata

 var el = document.getElementById('hello'); if(el) { el.className += el.className ? ' someClass' : 'someClass'; } 

Anche questo funzionerà.

 $(document.createElement('div')).addClass("form-group") 
 var newItem = document.createElement('div'); newItem.style = ('background-color:red'); newItem.className = ('new_class'); newItem.innerHTML = (' some long text with ticker $DDSSD'); var list = document.getElementById('x-auto-1'); list.insertBefore(newItem, list.childNodes[0]);