Analise as afirmativas abaixo sobre HTML DOM. 1. O DOM é cr...

Gabarito: Letra E - São corretas as afirmativas 1, 2 e 3.

O tema abordado pela questão é o HTML DOM (Document Object Model), que é um conceito crucial para a manipulação e interação com documentos HTML. Para resolver essa questão, é necessário entender o que é o DOM e como ele se aplica ao desenvolvimento web.

1. O DOM é criado pelo navegador quando uma página é carregada: Esta afirmativa está correta. O DOM é uma representação do documento HTML carregado no navegador, estruturada como uma árvore de objetos que reflete a estrutura do documento, incluindo elementos HTML, atributos e texto. Quando uma página é carregada, o navegador constrói o DOM para que scripts possam interagir com os elementos da página.

2. É formado por uma árvore de objetos: Esta afirmativa também está correta. A estrutura do DOM realmente se assemelha a uma árvore, onde cada elemento do documento (como tags <p>, <div>, <span>, etc.) é um nó da árvore e esses nós podem ter nós filhos (child nodes), criando assim uma hierarquia ou uma "árvore" de elementos.

3. Define os elementos HTML como objetos que podem ser acessados via Javascript, por exemplo: Este ponto é igualmente correto. Cada elemento no DOM é definido como um objeto que pode ser manipulado por linguagens de script como o JavaScript. Isso permite que os desenvolvedores acessem e alterem dinamicamente o conteúdo, a estrutura e o estilo das páginas.

Portanto, cada uma das afirmativas levanta um ponto verdadeiro sobre o DOM e seu funcionamento, justificando a resposta correta da alternativa E.

GABARITO: E)

Quando um documento HTML é baixado no navegador, esse navegador precisa transformar em uma página Web o que é basicamente uma longa string de caracteres. Para tanto, o navegador decide quais partes são parágrafos (<p>) quais são cabeçalhos(<header>), quais são texto e assim por diante. Para evitar que os pobres programadores de JavaScript tenham de fazer exatamente o mesmo trabalho, o navegador armazena sua interpretação do código HTML como um estrutura de objetos, chamada Document Object Model ou DOM. Como resultado da maneira pela qual o código HTML é escrito - como uma hierarquia de elementos aninhados, marcados com tags de início e fim - o DOM cria um objeto diferente para cada elemento, mas vincula cada objeto de elemento ao seu elemento circundante (ou elemento pai). Isso cria uma relação pai-filho (parent-children) explícita entre os elementos e torna mais imediata a visualização do DOM como uma estrutura em árvore.

EXEMPLO:

<div class="container"> // Elemento Pai

<p>Texto</p> // Elemento Filho

</div>