FC ConcursosFC Concursos

Questão FC266197

Seja o seguinte trecho de código HTML dentro de um arquivo HTML completo: <div>Olá Mundo!</div> Assinale a alternativa que contém o código JavaScript para mudar a cor para azul e a

Desenvolvimento Web

IDECAN · 2019

Seja o seguinte trecho de código HTML dentro de um arquivo HTML completo:


<div>Olá Mundo!</div>


Assinale a alternativa que contém o código JavaScript para mudar a cor para azul e alterar o texto “Olá Mundo!” para “Saudações Aeronáuticas! Tudo bem com vocês?” (sem aspas), do elemento div  acima:

  1. document.getElementById("idDiv").color="blue"; document.getElementById("idDiv").innerHTML="Saudações Aeronáuticas! Tudo bem com vocês?";

  2. document.getElementsByName("idDiv").color="blue"; document.getElementsByName("idDiv").innerHTML="Saudações

    Aeronáuticas! Tudo bem com vocês?";

  3. document.getElementById("idDiv").style.background-

    color="blue"; document.getElementById("idDiv").html="Saudações Aeronáuticas! Tudo bem com vocês?";

  4. document.getElementById("idDiv").style.color="blue"; document.getElementById("idDiv").innerHTML="Saudações Aeronáuticas! Tudo bem com vocês?";

  5. document.getElementsByName("idDiv").style.color="blue"; document.getElementsByName("idDiv").innerHTML="Saudações

    Aeronáuticas! Tudo bem com vocês?";

Mostrar resposta e comentário

Gabarito

D

Comentário do professor

A alternativa correta usa document.getElementById para recuperar o elemento pelo atributo id (neste caso "idDiv"). Isso retorna o nó DOM correspondente, permitindo manipular suas propriedades.

Para alterar a cor inline do elemento é utilizada a propriedade style.color, por exemplo: document.getElementById("idDiv").style.color = "blue"; — isso acrescenta/atualiza o estilo CSS diretamente no elemento.

Já o conteúdo textual/HTML do elemento é substituído com innerHTML. Assim, document.getElementById("idDiv").innerHTML = "Saudações Aeronáuticas! Tudo bem com vocês?"; insere a nova string dentro da <div>.

Portanto, combinando ambas chamadas obtemos a mudança de cor e a atualização do texto usando o mesmo elemento recuperado por getElementById("idDiv").

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

Continue aprendendo