FC ConcursosFC Concursos

Questão FC373412

Considere a página web abaixo. <!DOCTYPE html> <html> <head><title>Home</title></head> <body> <p>Texto 1</p> <p>Texto 2</p> <p>Texto 3 </p> <p></p> <script> var elementos = documen

Desenvolvimento Web

FCC · 2018

Considere a página web abaixo. 

 

<!DOCTYPE html>

<html>

<head><title>Home</title></head>

<body>

<p>Texto 1</p>

<p>Texto 2</p>

<p>Texto 3 </p>

<p></p>

<script>

var elementos = document.getElementsByTagName("p");

  I  

</script>

</body>

</html> 

 

Para exibir o conteúdo do segundo parágrafo ("Texto 2") no parágrafo cujo, utiliza-se na lacuna I a instrução 

  1. document.write(x.elementos[2]);
  2. document.getElementById("x").innerHTML = elementos[1];
  3. document.write("#x").innerHTML= elementos[1].toString();
  4. document.getElementById("x").innerHTML = elementos[1].innerHTML;
  5. document.getElementById("x").add = elementos[1].innerHTML;
Mostrar resposta e comentário

Gabarito

D

Comentário do professor

A variável elementos recebe o resultado de document.getElementsByTagName("p"), que retorna uma coleção indexada (HTMLCollection) com todas as tags <p> presentes na página.

Nessa coleção o índice começa em 0; portanto elementos[1] referencia o segundo parágrafo, cujo conteúdo é "Texto 2".

Para selecionar o parágrafo destinatário usa-se document.getElementById("x"), que retorna o elemento cujo atributo id é "x".

A propriedade innerHTML representa o conteúdo HTML interno de um elemento. Ao executar
document.getElementById("x").innerHTML = elementos[1].innerHTML;
o conteúdo (neste caso "Texto 2") é copiado para o parágrafo com id "x".

Resultado: após a atribuição, o elemento identificado por "x" passa a exibir o texto do segundo parágrafo.

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

Continue aprendendo