Learning Hub Logo
JavaScript
  • Introdução ao JavaScript
  • Como adicionar JavaScript ao HTML
  • Saída de Dados
  • Variáveis
  • Tipos de Dados
  • Operadores
  • Operadores de Comparação e Lógicos
  • Condicionais
  • Switch
  • Loop: for
  • Loop: while e do...while
  • Break e Continue
  • Funções
  • Arrow Functions
  • Escopo
  • Arrays
  • Métodos de Array
  • Objetos
  • Métodos de Objeto
  • Strings
  • Métodos de String
  • Números
  • Math
  • Datas
  • Introdução ao DOM
  • Selecionando Elementos
  • Alterando HTML e CSS com JavaScript
  • Eventos
  • Callbacks
  • Promises
  • Async/Await
  • Fetch API
  • JSON
  • Tratamento de Erros
  • Módulos
  • LocalStorage e SessionStorage

Sobre Diego Pinho

Professor especialista em tecnologia com mais de 10 anos de experiência. Autor de livros técnicos e criador de cursos que já impactaram milhares de estudantes.

Visite meu site principal →

Serviços

  • Área do Aluno
  • Solicite um orçamento
  • Trabalhe Conosco

Redes Sociais

  • Youtube
  • TikTok
  • Instagram
  • LinkedIn

Links

  • Site Institucional
  • Nosso Blog
  • Cursos Online
  • Livros Publicados

Professor Diego Pinho

Educação, Tecnologia e IA © 2026

Discord
JavaScriptAlterando HTML e CSS com JavaScript
1 min de leitura

Alterando HTML e CSS com JavaScript

Como modificar conteúdo, atributos, classes e estilos de elementos com JavaScript

Alterando HTML e CSS com JavaScript

Depois de selecionar um elemento, você pode modificar seu conteúdo, atributos, classes e estilos.

Alterando o conteúdo

Carregando...

Prefira textContent quando quiser inserir texto simples. Use innerHTML apenas quando precisar inserir HTML de fato, com atenção ao conteúdo inserido para evitar vulnerabilidades.

Alterando atributos

Carregando...

Alterando estilos diretamente

Carregando...

Propriedades com hífen viram camelCase no JavaScript: background-color vira backgroundColor.

Trabalhando com classes

Manipular classes CSS é mais recomendado do que alterar estilos diretamente, pois mantém a separação entre JS e CSS.

Carregando...

Criando e inserindo elementos

Carregando...
AnteriorSelecionando ElementosPróximo Eventos