JavaScript DOM API - Funções Basicas - Interactive Web Pages

Description

victor bini Flashcards on JavaScript DOM API - Funções Basicas - Interactive Web Pages, created by Eduardo Castro on 05/01/2017.
Eduardo Castro
Flashcards by Eduardo Castro, updated more than 1 year ago More Less
Victor Bini
Created by Victor Bini over 8 years ago
Eduardo Castro
Copied by Eduardo Castro over 7 years ago
5
1

Resource summary

Question Answer
Como podemos acessar o documento no console do javascript? window.document ou document lembrando que window contém tudo, está no escopo global do objeto browser
O que é DOM? DOM é uma abreviação de Document Object Model, que é uma API de Javascript para os navegadores.
Como podemos atribuir a uma variável ou retornar um elemento do DOM, através da sua ID? variable = document.getElementById(id element) .getElementByID();
Como podemos atribuir a uma variável ou retornar um elemento do DOM, através de sua TAG NAME? (ex: paragrafos, spans, list items) variable = document.getElementByTagName("tagname")[0] .getElementByTagName(); lembrando que retorna um array com todos os elementos com essa tag no DOM, eles são alocados na ordem que aparecem no DOM.
Como podemos atribuir a um click do usuário em determinado elemento, fazendo executar uma função? elementoClickavel.onclick = função .onclick lembrando que nesse método a função deve ser enviada sem as (), isto é sem parâmetros, porque queremos que ela apenas seja executada quando o gatilho "click" for apertado.
Como podemos atribuir a uma variável/retornar TODOS os filhos de um elemento? variable = fatherElement.children; .children; Onde fatherElement é um objeto do DOM.
Como podemos atribuir a uma variável/retornar um valor, na qual teremos o primeiro elemento filho que aparecer com a condição selecionada? variable = fatherElement.querySelector("especification") .querySelector(); onde a especificação pode ser de elementos como "p","a" classes, ids etc..
Como podemos criar um elemento no DOM através da sua tag? variable = document.createElement("tag"); tag pode ser qualquer elemento HTML. .createElement();
Como podemos remover um elemento através do seu pai? fatherElement.removeChild(childElement); .removeChild();
Como podemos inserir um elemento com filho de um elemento selecionado? fatherElement.appendChild(childElement); .appendChild()
Como podemos inserir texto em um elemento selecionado? element.innerText = "String" .innerText introduz texto dentro do elemento selecionado.
Como podemos adicionar uma nova classe em um elemento? variable.classList.add("newClass"); .classList.add();
Como podemos adicionar no elemento um comando que adiciona ou deleta de acordo com a interação do usuário(click) a classe de um elemento? variable.classList.toggle("onOffClass") .classList.toggle();
Show full summary Hide full summary

Similar

JavaScript DOM API - Funções Basicas - Interactive Web Pages
Bruna Florêncio
Web Design
rose.santos8
Introdução a JavaScript
Daniel Lobão
CET_TARDE - MTA HTML5 Application Development Fundamentals 2
Hawerth Castro
OBJETOS DE APRENDIZAGEM
energiaazul
PHP e Laravel
Danilo Righetto
CET_TARDE - MTA Software Development Fundamentals 3
Hawerth Castro
AngularJs 1.3.x
Wesley Lemos
JavaScript - Básico
Felipe Mascarenhas
CET_TARDE - MTA Software Development Fundamentals 2
Hawerth Castro