una tiene saber remove elemento classlist clase and agregar javascript dom

remove - saber si un elemento tiene una clase javascript



¿Cómo agregar una clase al elemento DOM en JavaScript? (7)

Aquí está trabajando el código fuente usando el enfoque de función.

<html> <head> <style> .news{padding:10px; margin-top:2px;background-color:red;color:#fff;} </style> </head> <body> <div id="dd"></div> <script> (function(){ var countup = this; var newNode = document.createElement(''div''); newNode.className = ''textNode news content''; newNode.innerHTML = ''this created div contains class while created!!!''; document.getElementById(''dd'').appendChild(newNode); })(); </script> </body> </html>

¿Cómo agregar una clase para el div ?

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


Esto también funcionará.

$(document.createElement(''div'')).addClass("form-group")


También existe la forma DOM de hacer esto en 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 );


También vale la pena echar un vistazo a

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


Use el método .classList.add() :

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

<div class="foo"></div>

Este método es mejor que sobreescribir la propiedad className , porque no elimina otras clases, y no agrega la clase si el elemento ya la tiene.

También puede alternar o eliminar clases utilizando element.classList (consulte los documentos de MDN ).


new_row.className = "aClassName";

Aquí hay más información sobre MDN: className


var newItem = document.createElement(''div''); newItem.style = (''background-color:red''); newItem.className = (''new_class''); newItem.innerHTML = (''<img src="./profitly_files/TimCover1_bigger.jpg" width=50 height=50> some long text with ticker $DDSSD''); var list = document.getElementById(''x-auto-1''); list.insertBefore(newItem, list.childNodes[0]);