JavaScript HTML DOM

Através do HTML DOM, o JavaScript pode acessar e alterar todos os elementos do documento HTML.

HTML DOM (Modelo de Objeto de Documento)

Quando a página da web é carregada, o navegador cria o modelo de objeto de documento da página (Document Object Model).

HTML DOM O modelo é estruturado comoÁrvore de objetos:

Árvore DOM de objetos

Árvore DOM HTML

Através deste modelo de objeto, JavaScript obtém todas as forças necessárias para criar HTML dinâmico:

  • JavaScript pode alterar todos os elementos HTML na página
  • JavaScript pode alterar todos os atributos HTML na página
  • JavaScript pode alterar todos os estilos CSS na página
  • JavaScript pode excluir elementos e atributos HTML existentes
  • JavaScript pode adicionar novos elementos e atributos HTML
  • JavaScript pode reagir a todos os eventos HTML existentes na página
  • JavaScript pode criar novos eventos HTML na página

O que você aprenderá

Nos capítulos subsequentes deste tutorial, você aprenderá:

  • Como alterar o conteúdo do elemento HTML
  • Como mudar o estilo dos elementos HTML (CSS)
  • Como reagir a eventos do HTML DOM
  • Como adicionar e excluir elementos HTML

O que é DOM?

O DOM é um padrão W3C (World Wide Web Consortium).

O DOM define os padrões de acesso ao documento:

“O W3C Document Object Model (DOM) é uma interface independente de plataforma e linguagem que permite que programas e scripts acessem, atualizem o conteúdo, a estrutura e o estilo de documentos de forma dinâmica.”

O padrão W3C DOM é dividido em 3 partes diferentes:

  • Core DOM - Modelo padrão de todos os tipos de documentos
  • XML DOM - Modelo padrão de documento XML
  • HTML DOM - Modelo padrão de documento HTML

O que é HTML DOM?

O HTML DOM é o padrão do HTMLObjetoModelos eInterface de programação de aplicativos. Ele define:

  • comoObjetodo elemento HTML
  • de todos os elementos HTMLAtributos
  • Acessar todos os elementos HTMLMétodos
  • de todos os elementos HTMLEventos

Em outras palavras: o HTML DOM é o padrão para como obter, alterar, adicionar ou excluir elementos HTML.