Questão de Programação — Linguagens de marcação — CESPE / CEBRASPE 2023

Manipulação de DOM com JavaScript

Gabarito: letra E. A questão exige a correta identificação da estrutura HTML e dos métodos de manipulação de DOM (Document Object Model) via JavaScript para aplicar estilos específicos: itálico em toda a frase, negrito apenas na palavra "vida" e tamanho de fonte de 26px.

Para atingir o objetivo, o código deve:

1. Estruturar o HTML de forma que os elementos sejam acessíveis via JavaScript (usando id, name ou tagName).

2. Aplicar fontStyle = 'italic' ao contêiner principal (o div com id="texto").

3. Aplicar fontWeight = 'bold' ao elemento que contém especificamente a palavra "vida" (o span com name="vida").

4. Aplicar fontSize = '26px' ao elemento de parágrafo (p).

A alternativa E é a única que utiliza corretamente a sintaxe de acesso a coleções retornadas por getElementsByName e getElementsByTagName (usando o índice [0]) e referencia os seletores corretos para cada propriedade de estilo solicitada. As demais alternativas falham na sintaxe de acesso aos elementos ou na referência aos seletores (IDs ou nomes incorretos).

Alternativa A — ❌ Incorreta

O código tenta acessar getElementsByName("vida")[0] para aplicar negrito, mas a estrutura HTML não possui um elemento com name="vida" dentro do div de forma adequada para a lógica proposta, além de usar uma estrutura de tags (<br/>) que não é a forma semântica correta para agrupar o texto.

Alternativa B — ❌ Incorreta

O código tenta aplicar o estilo de itálico ao elemento com id="vida", mas o id definido no HTML é "texto". Além disso, a lógica de seleção de elementos por nome e tag está trocada em relação ao que seria necessário para aplicar os estilos corretamente.

Alternativa C — ❌ Incorreta

O código tenta aplicar getElementsByName("texto") e getElementsByTagName("texto"). O método getElementsByName busca pelo atributo name, e getElementsByTagName busca por tags (como p, div, span). Não existe uma tag chamada "texto", tornando a seleção inválida.

Alternativa D — ❌ Incorreta

O código apresenta um erro de sintaxe grave na linha document.getElementsByName("vida".style.fontWeight='bold');. O fechamento do parêntese do método getElementsByName está incorreto, e a propriedade style está sendo acessada de forma errada, fora da referência do elemento.

Alternativa E — ✅ Correta ⟵ Gabarito

Esta alternativa está correta pois utiliza corretamente o document.getElementById("texto") para aplicar o itálico ao contêiner, document.getElementsByName("vida")[0] para aplicar o negrito ao span específico, e document.getElementsByTagName("p")[0] para aplicar o tamanho de fonte de 26px ao parágrafo, respeitando a hierarquia e a sintaxe do DOM.