Questão FC373349
Atenção: O código da página web a seguir deve ser utilizado para responder a questão. <!DOCTYPE html> <html> <head> <title>Home</title> <meta charset="UTF-8"> <style> \(\overset{I}
Desenvolvimento Web
FCC · 2022
Atenção: O código da página web a seguir deve ser utilizado para responder a questão.
<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<meta charset="UTF-8">
<style>
\(\overset{I}{......}\)
{
background-color: lightblue;
}
\(\overset{II}{......}\)
{
color: red;
}
</style>
</head>
<body>
<p class="p1">TRIBUNAL REGIONAL DO TRABALHO DA 5a REGIÃO</p>
<p>Estado da Bahia</p>
<button onclick="trocar()">Trocar Estado</button>
<script>
function trocar() {
\(\overset{III}{......}\)I ;
}
</script>
</body>
</html>
Para que ao clicar no botão Trocar Estado o conteúdo do segundo parágrafo troque o texto Estado da Bahia por Salvador, a lacuna III deve ser corretamente preenchida por
- document.getElement("p{id='p2'}").insertHTML = "Salvador"
- document.getElementById("p2").innerHTML = "Salvador"
- document.getParagraph([id='p2']).innerHTML = "Salvador"
- document.getElementById("p2").insertHTML = "Salvador"
- document.getElementBy("id=p2").addHTML = "Salvador"
Mostrar resposta e comentário
Gabarito
B
Comentário do professor
A instrução correta é document.getElementById("p2").innerHTML = "Salvador". Ela faz duas coisas: primeiro, document.getElementById localiza no DOM o elemento cujo atributo id é "p2".
Em seguida, a propriedade innerHTML recebe a string "Salvador", substituindo o conteúdo HTML/texto atual desse parágrafo pelo novo valor.
Essa linha deve estar dentro da função trocar(), que é chamada pelo evento onclick do botão; assim, ao clicar, o texto do segundo parágrafo muda imediatamente.
Observação prática: os nomes são sensíveis a maiúsculas/minúsculas — use exatamente getElementById e o mesmo valor de id definido no elemento.
Se o parágrafo não tiver o atributo id="p2", é preciso adicioná‑lo no HTML para que a seleção funcione corretamente.
Conteúdo do catálogo FC Concursos · Atualizado em