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]);