JavaScript - DOM: acessando elementos pelo ID
Gabarito: letra B. O método correto para acessar um elemento pelo seu atributo id no DOM é document.getElementById("msgOut"), e a propriedade que define o conteúdo HTML interno é innerHTML. Portanto, o comando correto é document.getElementById("msgOut").innerHTML = msg;.
A questão testa o conhecimento básico da API do DOM (Document Object Model) em JavaScript, especificamente como selecionar um elemento e alterar seu conteúdo.
Alternativa A — ❌ Incorreta
Usa document["msgOut"], que não é uma sintaxe válida para selecionar elemento por ID. A notação com colchetes em document acessa propriedades do objeto, mas não existe uma propriedade com o nome do ID automaticamente.
Alternativa B — ✅ Correta ⟵ GABARITO
Utiliza corretamente o método getElementById e atribui o valor da variável msg à propriedade innerHTML do elemento encontrado.
Alternativa C — ❌ Incorreta
document.setHtmlContent("msgOut", msg) não é um método existente no DOM. Não há função nativa com esse nome.
Alternativa D — ❌ Incorreta
document["msgOut"].html(msg) tenta usar um método html() que não existe para elementos do DOM. Além disso, a seleção com document["msgOut"] é inválida, como explicado na alternativa A.
Alternativa E — ❌ Incorreta
document.setElementById("msgOut", msg) não é um método real. O método correto é getElementById, e ele retorna o elemento, não recebe conteúdo como segundo argumento.
Dica: decore a sintaxe document.getElementById("id") e a propriedade innerHTML. Em concursos, a FGV costuma cobrar exatamente a nomenclatura padrão do DOM, sem métodos inventados.
Gabarito: letra B.