Skip to content

JavaScript HTML DOM Document.md

Latest commit

 

History

History
81 lines (67 loc) · 3.56 KB

JavaScript HTML DOM Document.md

File metadata and controls

81 lines (67 loc) · 3.56 KB

Lista para usar o objeto document (DOM), podendo acessar e manipular HTML

Site com exemplos práticos: https://javascript.info/dom-attributes-and-properties

Encontrando Elementos HTML:

Por [[Class e Id]] e [[Tags HTML]]

Method Description
document.getElementById(id) Find an element by element id
document.getElementsByTagName(name) Find elements by tag name
document.getElementsByClassName(name) Find elements by class name

Alterando Elementos HTML

Como adicionar novas tags HTML; valores a elementos; estilizar elementos e a adicionar atributos com um valor.

Property Description
element.innerHTML =  new html content Change the inner HTML of an element
element.attribute = new value Change the attribute value of an HTML element
element.style.property = new style Change the style of an HTML element
Method Description
element.setAttribute_(attribute, value)_ Change the attribute value of an HTML element

Adicionando e excluindo elementos

  1. Como criar elementos no HTML.
  2. Remover elementos do HTML.
  3. Adicionar um elemento no HTML.
  4. Substituir um elemento antigo pelo novo, sendo o primeiro parâmetro o que irá ser adicionado e o segundo o que será removido.
  5. Escreva no fluxo de saída HTML - Não sei o que significa
Method Description
document.createElement(element) Create an HTML element
document.removeChild(element) Remove an HTML element
document.appendChild(element) Add an HTML element
document.replaceChild(new, old) Replace an HTML element
document.write(text) Write into the HTML output stream

Encontrando objetos HTML:

O primeiro HTML DOM Nível 1 (1998), definiu 11 objetos HTML, coleções de objetos e propriedades. Eles ainda são válidos em HTML5. Mais tarde, no HTML DOM Nível 3, mais objetos, coleções e propriedades foram adicionados.

Property Description DOM
document.anchors Returns all elements that have a name attribute 1
document.applets Deprecated 1
document.baseURI Returns the absolute base URI of the document 3
document.body Returns the element 1
document.cookie Returns the document's cookie 1
document.doctype Returns the document's doctype 3
document.documentElement Returns the element 3
document.documentMode Returns the mode used by the browser 3
document.documentURI Returns the URI of the document 3
document.domain Returns the domain name of the document server 1
document.domConfig Obsolete. 3
document.embeds Returns all elements 3
document.forms Returns all elements 1
document.head Returns the element 3
document.images Returns all elements 1
document.implementation Returns the DOM implementation 3
document.inputEncoding Returns the document's encoding (character set) 3
document.lastModified Returns the date and time the document was updated 3
document.links Returns all and elements that have a href attribute 1
document.readyState Returns the (loading) status of the document 3
document.referrer Returns the URI of the referrer (the linking document) 1
document.strictErrorChecking Returns if error checking is enforced 3
document.title Returns the title element 1
document.URL Returns the complete URL of the document 1
document.scripts Returns all script elements

Fontes:

Tags: #softwaredevelopment