Modificar el estilo del elemento
Lección 4 de 13 del curso Métodos del DOM de JavaScript de Coddy.
La siguiente propiedad que aprenderemos es style, que es la responsable de cambiar el estilo existente. Puedes modificar el estilo de esta manera:
const element = document.getElementById("elementID");
element.style.color = "green";Después de este código, el color de #elementID cambiará a green.
Desafío
FácilSe te proporciona un código HTML que contiene un div con un ID.
Utilizando solo JavaScript, cambia el color de fondo de este div a red:
- Obtén el elemento utilizando la función
getElementById. - Modifica el estilo del color de fondo del elemento utilizando la propiedad
style.backgroundColor.
Pruébalo tú mismo
<!DOCTYPE html>
<html>
<body>
<div id="box" style="width: 100px; height: 100px;">Content</div>
<script src="script.js"></script>
</body>
</html>Todas las lecciones de Métodos del DOM de JavaScript
2Métodos del DOM I
getElementByIdModificar el estilo del elementogetElementsByClassNameRecorrer y manipulargetElementsByTagNamequerySelector