Saltar al contenido

onclick cambiar el nombre de la clase ejemplo de código javascript

Después de tanto batallar pudimos encontrar la respuesta de esta cuestión que agunos lectores de esta web tienen. Si deseas aportar algún detalle no dejes de aportar tu comentario.

Ejemplo 1: clase de elemento de cambio de JavaScript

//Overwrite all classes
element.className="class";//Add class
element.classList.add("class");

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>

Valoraciones y comentarios

¡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 *