Posteriormente a consultar especialistas en este tema, programadores de diversas ramas y maestros dimos con la solución al problema y la plasmamos en esta publicación.
Ejemplo 1: js add class
var element =document.getElementById('element');
element.classList.add('class-1');
element.classList.add('class-2','class-3');
element.classList.remove('class-3');
Ejemplo 2: cambio de clase javascript
Syntax:document.getElementById('myElement').className="myclass";<html><head><title>Changeclassof an element with javascript</title><style type="text/css">.redbutton
background-color: red;.greenbutton
background-color: green;</style><script type="text/javascript">functionchangeClass()document.getElementById('clickme').className="greenbutton";var new_class =document.getElementById('clickme').className;document.getElementById('classChange').innerHTML="New Class Name : "+ new_class;</script></head><body><button class="redbutton" id="clickme" onclick="changeClass()">ChangeClass</button><br><p id="classChange">ClassName: redbutton</p></body></html>
Ejemplo 3: getelementsbyclassname agregar clase
.newclassname border:16px solid black;/* Light grey */
border-top:16px solid black;/* Blue */
border-radius:50%;
width:120px;
height:120px;
animation: spin 2s linear infinite;
@keyframes spin 0% transform:rotate(0deg);100% transform:rotate(360deg);
Ejemplo 4: getelementsbyclassname agregar clase
.newclassname color: blue;
Calificaciones y comentarios
Puedes apoyar nuestro estudio exponiendo un comentario y valorándolo te estamos eternamente agradecidos.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)