Questão de Tecnologia da Informação · FGV TCE-SP 2023 (nº 77)

O DOM (Document Object Model) é como um mapa interativo da sua página web, onde cada parte (como um parágrafo, uma imagem ou uma caixa de texto) é um "objeto" que o JavaScript pode encontrar e modificar. Para colocar uma mensagem em uma div, precisamos primeiro encontrar essa div e depois alterar seu conteúdo.

• (A) Incorreta: Acessar document["msgOut"] não é a forma padrão ou confiável do DOM para selecionar um elemento HTML pelo seu id. A armadilha aqui é que, embora a notação de colchetes seja usada para acessar propriedades de objetos, o objeto document não expõe seus elementos filhos diretamente por ID dessa forma.
• (B) Correta: O método document.getElementById("msgOut") é a forma padrão e correta de selecionar um elemento HTML pelo seu atributo id. Uma vez selecionado o elemento, a propriedade .innerHTML permite definir ou obter o conteúdo HTML interno desse elemento, inserindo a mensagem msg na div.
• (C) Incorreta: Não existe um método padrão do DOM chamado document.setHtmlContent().
• (D) Incorreta: Assim como na alternativa A, document["msgOut"] não é o método correto para selecionar um elemento por ID. Além disso, .html() é um método comum em bibliotecas como jQuery, mas não é um método nativo do DOM para alterar conteúdo.
• (E) Incorreta: Não existe um método padrão do DOM chamado document.setElementById(). O método correto para obter um elemento por ID é getElementById.