Questão FC374825
Considere o seguinte código HTML: 1. <!DOCTYPE html> 2. <html> 3. <body> 4. <div class="c1" name="c2"><p>div 1</p></div> 5. <div class="c2" name="c3"><p>div 2</p></div> 6. <div cla
Desenvolvimento Web
Instituto Consulplan · 2021
Considere o seguinte código HTML:
1. <!DOCTYPE html>
2. <html>
3. <body>
4. <div class="c1" name="c2"><p>div 1</p></div>
5. <div class="c2" name="c3"><p>div 2</p></div>
6. <div class="c2" name="c1"><p>div 3</p></div>
7. </body>
8. <script>
9. var e = document.getElementsByClassName("c2");
10. for (i = 0; i < e.length; i++) {
11. e[i].insertAdjacentHTML('afterbegin', "<h1 align=
center>Teste</h1> ");
12. }
13. </script>
14. </html>
A tag script realiza na página:
- Adiciona o título “Teste” depois da primeira div da página.
- Substitui os textos da página pelo texto “Teste” com alinhamento centralizado.
- Adiciona o título “Teste” antes do parágrafo na segunda e terceira div da página.
- Substitui a div identificada por “c2” pela tag “h1”, adicionando- a ao final da página.
Mostrar resposta e comentário
Gabarito
Certo
Comentário do professor
O código dentro da tag <script> seleciona todos os elementos com a classe "c2" e insere um título em cada um deles.
O método getElementsByClassName retorna uma coleção (HTMLCollection) com os elementos que possuem a classe "c2"; no exemplo, são a segunda e a terceira <div>.
O laço percorre essa coleção e, para cada elemento, chama insertAdjacentHTML com a posição 'afterbegin'. Essa posição insere o conteúdo como o primeiro filho do elemento, ou seja, antes do parágrafo existente.
Portanto, a instrução insere o elemento <h1 align="center">Teste</h1> como primeiro filho das divs com classe "c2", fazendo com que o título "Teste" apareça antes do <p> em ambas (segunda e terceira div).
Conteúdo do catálogo FC Concursos · Atualizado em