Excepciones al trabajar con atributos en JavaScript
Al trabajar con atributos existe una excepción
- es el atributo class.
Esta palabra es especial en JavaScript
y por lo tanto no podemos simplemente escribir elem.class,
para leer el valor del atributo class.
En su lugar, debemos escribir elem.className.
Veamos un ejemplo. Supongamos que tenemos el siguiente input:
html<input id="elem" class="aaa bbb">
Mostremos el valor del atributo class
para nuestro input:
javascriptlet elem = document.querySelector('#elem');
console.log(elem.className); // mostrará 'aaa bbb'
Existen otras excepciones, por ejemplo,
el atributo for. Se debe acceder a él
a través de htmlFor.
Dado un div:
html<div id="elem" class="content no-gap"></div>
También se da un botón. Al hacer clic en el botón, lea
y muestre en pantalla el valor del atributo class
de nuestro div.
Dado un div:
html<div id="elem"></div>
También se da un botón. Al hacer clic en el botón, escriba
en el atributo class de nuestro div alguna
clase.
Dado un div con varias clases CSS, escritas separadas por espacios:
html<div id="elem" class="aaa bbb ccc"></div>
También se da un botón. Al hacer clic en el botón, obtenga un array de las clases CSS de nuestro div.