Aula 5 - DOM - Document Object Model

Prévia do material em texto

Aula 5 - DOM - Document Object Model 
 
1. Existem vários métodos de manipulação dos elementos da página Web que podem 
ser utilizados pelo desenvolvedor para adicionar comportamento aos sistemas ou 
a páginas Web. Marque a opção referente ao método que obtém um elemento a 
partir de seu identificador: 
 
Resposta: A. getElementById(). 
 
Justificativa: O método que obtém o elemento a partir de seu identificador é 
o getElementById(). O método getElementByClassName() retorna o elemento a partir 
do nome da classe. O método getElementByTagName() retorna uma lista de elementos 
com o mesmo nome de tag. O método querySelector() retorna o primeiro elemento 
dentro do documento referente ao seletor especificado. O método createElement() cria 
um elemento para ser inserido no documento. 
 
 
2. Se o desenvolvedor precisar mudar a cor de um texto no momento em que o 
usuário clicar no botão, é possível acessar os elementos da árvore DOM para 
realizar tal manipulação no nó em questão. Marque a opção que representa a forma 
de obter o elemento e definir a cor azul ao texto: 
 
Resposta: B. document.getElementById(‘idTituloPagina’).style.color = ‘blue’. 
 
Justificativa: Para obter o elemento desejado e alterar a cor, deve ser utilizada a 
instrução document.getElementById(‘idTituloPagina’).style.color = ‘cor desejada’. 
O método write() de document é utilizado para escrever dentro do document. O método 
appendChild() adiciona um nó ao final da lista de filhos do nó pai em questão. O método 
setAttribute() adiciona um novo atributo ou modifica o valor de um atributo existente. Por 
fim, o método element.innerHTML é utilizado para trocar o valor do texto de dentro 
da tag. 
 
 
3. O DOM é uma interface de programação para documentos HTML que fornece uma 
representação do documento da página Web na forma de árvore. Marque a opção 
que representa os elementos filhos do nó window: 
 
Resposta: C. Location, document e history. 
 
Justificativa: Os filhos do nó window são o location, o document e o history. O HTML é 
filho de document; o body é filho de HTML; o header é filho de body. 
 
 
4. Criadas as páginas Web com uma estrutura HTML adequada e com estilização, o 
desenvolvedor pode adicionar filtros de pesquisa para apresentação de dados 
selecionados, validação de formulários, entre outros comportamentos dinâmicos 
e interativos. Marque a opção que representa a linguagem de script que permite a 
manipulação dos elementos do documento da página Web: 
 
Resposta: D. JavaScript. 
 
Justificativa: A linguagem de programação mais utilizada para manipular o documento 
DOM é o JavaScript. O HTML e o XML são linguagens de marcação; o CSS é um 
mecanismo de adição de estilo; e o SVG é uma forma de representar gráficos vetoriais. 
 
5. O DOM é a estrutura e o conteúdo de um documento Web, que são representados 
por dados dos objetos e um documento nas linguagens de marcação HTML e XML 
na memória do computador, para que sejam apresentados nos navegadores. 
https://ultra.content.blackboardcdn.com/ultra/uiv3900.74.0-rel.25_afc4ff2
Marque a opção que representa os dois padrões que podem ser implementados 
na maioria dos navegadores mais recentes: 
 
Resposta: E. W3C e WHATWG. 
 
Justificativa: Os padrões que podem ser implementados na maioria dos navegadores 
mais recentes são o W3C e o WHATWG. O HTTP e o FTP são protocolos de 
transferência de dados, e o SSH é um protocolo de rede para operações seguras.