Modificar Estilo do Elemento
Lição 4 de 13 do curso Métodos DOM do JavaScript da Coddy.
A próxima propriedade que aprenderemos é style, que é responsável por alterar a estilização existente. Você pode modificar a estilização desta forma:
const element = document.getElementById("elementID");
element.style.color = "green";Após este código, a cor de #elementID será alterada para green.
Desafio
FácilVocê recebeu um código HTML que contém uma div com um ID.
Usando apenas JavaScript, altere a cor de fundo desta div para "red":
- Recupere o elemento usando a função
getElementById. - Modifique o estilo da cor de fundo do elemento usando a propriedade
style.backgroundColor.
Experimente você mesmo
<!DOCTYPE html>
<html>
<body>
<div id="box" style="width: 100px; height: 100px;">Content</div>
<script src="script.js"></script>
</body>
</html>Todas as lições de Métodos DOM do JavaScript
2Métodos do DOM I
getElementByIdModificar Estilo do ElementogetElementsByClassNamePercorrer e ManipulargetElementsByTagNamequerySelector