Saltar al contenido

Ejemplo de código document.getelementbyid.addClass

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)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *