FC ConcursosFC Concursos

Questão FC373403

Considere o fragmento de código abaixo, retirado do corpo de uma página web que utiliza JavaScript. <body> <img src="grupo1.gif" onclick="trocar()"> <script> function trocar() { }

Desenvolvimento Web

FCC · 2019

Considere o fragmento de código abaixo, retirado do corpo de uma página web que utiliza JavaScript.


<body>
<img src="grupo1.gif" onclick="trocar()">
<script>
function trocar() {


}
</script>
</body>


Para que ao clicar na imagem grupo1.gif ela seja substituída pela imagem grupo2.gif no interior da função trocar deverá ser incluído o comando

  1. #('$evento').src('grupo2.gif ');
  2. document.getElementById("evento").src = "grupo2.gif";
  3. $('.evento').attr ('src','grupo2.gif ');
  4. document.img.src = "grupo2.gif";
  5. document.getElementById("evento").change = "grupo2.gif";
Mostrar resposta e comentário

Gabarito

B

Comentário do professor

O comando document.getElementById("evento").src = "grupo2.gif"; localiza no DOM o elemento cujo id é "evento" e atribui à sua propriedade src a string com o caminho da nova imagem.

Em prática: se o elemento com esse id for uma tag img, a propriedade src contém a URL da imagem exibida; atribuir um novo valor altera imediatamente o arquivo mostrado na página, sem recarregar tudo.

É importante que exista um elemento com id="evento" no HTML (por exemplo, <img id="evento" src="grupo1.gif">). Caso contrário, getElementById retorna null e tentar acessar src causará erro.

Como a função trocar() é chamada pelo onclick da imagem, a execução dessa linha ocorre quando o usuário clica, promovendo a troca visual para "grupo2.gif".

Conteúdo do catálogo FC Concursos · Atualizado em

Continue aprendendo