wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

AV1 - 2º Trimestre - O que é o DOM?

Total questions: 20

Worksheet time: 10mins

Name
Class
Date
1.

Preencha a lacuna: O DOM (Document Object Model) é uma interface de programação que representa a estrutura de um documento ______ ou ______.

a)

HTML, XML

b)

CSS, JavaScript

c)

PHP, SQL

d)

JSON, CSV

2.

O que o DOM permite que linguagens de programação, como JavaScript, façam?

a)

A) Apenas leiam o conteúdo da página

b)

B) Interajam e modifiquem o conteúdo e a estrutura de uma página web em tempo real

c)

C) Apenas modifiquem o conteúdo, mas não a estrutura

d)

D) Transformem o documento em imagens

3.

Preencha a lacuna: __________ representa o próprio documento HTML.

a)

Document

b)

Window

c)

Element

d)

Body

4.

Preencha a lacuna: __________ são as propriedades dos elementos, como class, id, src, etc.

a)

Atributos

b)

Funções

c)

Eventos

d)

Métodos

5.

Preencha a lacuna: _______ obtém um elemento pelo seu ID.

a)

getElementById('id')

b)

querySelector('id')

c)

getElementsByClassName('id')

d)

getElementsByTagName('id')

6.

Preencha a lacuna: _______ obtém todos os elementos com a classe especificada.

a)

getElementsByClassName('classe')

b)

getElementById('classe')

c)

querySelector('classe')

d)

getElementsByTagName('classe')

7.

Preencha a lacuna: _______ obtém todos os elementos de uma determinada tag.

a)

getElementsByTagName('tag')

b)

getElementById('tag')

c)

querySelector('tag')

d)

getElementsByClassName('tag')

8.

Preencha a lacuna: _______ seleciona o primeiro elemento que corresponde ao seletor CSS.

a)

querySelector('seletor')

b)

getElementById('seletor')

c)

querySelectorAll('seletor')

d)

getElementsByClassName('seletor')

9.

Preencha a lacuna: ______ altera o conteúdo HTML de um elemento.

a)

innerHTML

b)

getElementById

c)

setTimeout

d)

addEventListener

10.

Preencha a lacuna: ______ altera o conteúdo textual de um elemento.

a)

textContent

b)

innerHTML

c)

setAttribute

d)

value

11.

Preencha a lacuna: ______ cria um novo elemento.

a)

createElement

b)

getElementById

c)

appendChild

d)

removeChild

12.

Preencha a lacuna: ______ adiciona um novo nó (elemento) como filho de outro.

a)

appendChild

b)

removeChild

c)

replaceChild

d)

insertBefore

13.

O que são eventos em programação? Preencha o espaço em branco:
Eventos são ações que ocorrem em resposta a ________ do usuário ou ao sistema.

a)

interações

b)

variáveis

c)

funções

d)

objetos

14.

Quais dos seguintes são exemplos de eventos?

a)

Cliques de mouse

b)

Teclas pressionadas

c)

Mudanças no conteúdo de um campo

d)

Todas as alternativas anteriores

15.

Complete: O método utilizado para associar um evento a um elemento é ________.

a)

addEventListener(tipo, função)

b)

setEvent(tipo, função)

c)

onEvent(tipo, função)

d)

attachEvent(tipo, função)

16.

Complete: _______: Disparado ao enviar um formulário.

a)

submit

b)

reset

c)

click

d)

focus

17.

Complete o código para selecionar um botão com o id 'meuBotao': let botao = _____________;

a)

document.getElementById('meuBotao')

b)

document.querySelector('#meuBotao')

c)

getElementById('meuBotao')

d)

document.getElementByClass('meuBotao')

18.

Complete a função para mostrar um alerta com a mensagem 'Você clicou no botão!': function mostrarAlerta() { _____________ }

a)

alert('Você clicou no botão!');

b)

console.log('Você clicou no botão!');

c)

prompt('Você clicou no botão!');

d)

document.write('Você clicou no botão!');

19.

Complete o código para adicionar o evento de click ao botão: botao.addEventListener('click', _____________);

a)

mostrarAlerta

b)

alertaMostrar

c)

exibirAlerta

d)

clicarBotao

20.

O DOM é essencial para a criação de páginas interativas e dinâmicas porque:

a)

Permite a manipulação e atualização dos elementos da página em tempo real.

b)

Serve apenas para estruturar o conteúdo estático da página.

c)

É utilizado apenas para estilizar páginas com CSS.

d)

Impede a interação do usuário com a página.