identificado pelo atributo id="mensagem". Qual das instruções abaixo realiza corretamente essa alteração? Assinale a alternativa correta: a. document.querySelector("#mensagem").innerHTML("Novo texto"); b. document.getElementById("mensagem").innerText = "Novo texto"; c. document.querySelectorAll("#mensagem").value = "Novo texto"; d. document.getElementById("mensagem").text = "Novo texto"; e. document.getElementsByClassName("mensagem").innerText = "Novo texto";
Ed
há 2 meses
Vamos analisar cada uma das alternativas para encontrar a que realiza corretamente a alteração do texto do elemento `
` com o id "mensagem": a) `document.querySelector("#mensagem").innerHTML("Novo texto");` - Esta opção está incorreta porque `innerHTML` é uma propriedade, não uma função. O correto seria usar `innerHTML = "Novo texto";`. b) `document.getElementById("mensagem").innerText = "Novo texto";` - Esta opção está correta. Ela usa `getElementById` para selecionar o elemento e altera o texto usando a propriedade `innerText`. c) `document.querySelectorAll("#mensagem").value = "Novo texto";` - Esta opção está incorreta porque `querySelectorAll` retorna uma NodeList (uma lista de elementos), e `value` não é uma propriedade válida para um elemento `
`. d) `document.getElementById("mensagem").text = "Novo texto";` - Esta opção está incorreta porque `text` não é uma propriedade válida para alterar o conteúdo de um elemento `
`. e) `document.getElementsByClassName("mensagem").innerText = "Novo texto";` - Esta opção está incorreta porque `getElementsByClassName` também retorna uma coleção de elementos, e não se pode acessar `innerText` diretamente dessa forma. Portanto, a alternativa correta é: b) document.getElementById("mensagem").innerText = "Novo texto";