Questão de Tecnologia da Informação · FGV MP-SC 2022 (nº 52)

O DOM (Document Object Model) é a representação em árvore dos elementos HTML que o JavaScript enxerga. Para alterar um elemento, você precisa localizá-lo por um seletor (como id) e depois modificar sua propriedade de estilo, como style.fontSize.

• (A) Correta: document.getElementById("234") busca o elemento pelo id="234" (o segundo parágrafo) e .style.fontSize="48px" altera diretamente o tamanho da fonte. É o caminho padrão e válido.
• (B) Incorreta: "xpto.234" não é um seletor válido para getElementById; ele procura um id literal chamado "xpto.234", que não existe. A armadilha aqui é tentar combinar o id do pai com o do filho, mas getElementById só aceita um único id.
• (C) Incorreta: getElementById(p<"234">) é sintaxe inválida; o argumento deve ser uma string ("234"), não uma tag HTML. A banca tenta confundir quem mistura HTML com JavaScript.
• (D) Incorreta: getElementsById não existe (o correto é getElementById, no singular) e "div.p" é um seletor CSS, não um id. A pegadinha é usar plural e seletor de classe, que não se aplicam aqui.
• (E) Incorreta: xpto.getElementById é inválido; getElementById é um método do objeto document, não de um elemento HTML. A armadilha é pensar que o elemento pai pode buscar filhos diretamente, mas isso só seria possível com querySelector, não com getElementById.