Skip to content

Latest commit

 

History

History
77 lines (53 loc) · 1.56 KB

dom.md

File metadata and controls

77 lines (53 loc) · 1.56 KB
Raw

DOM

  • Document Object Model ... co to asi bude?
  • sada globálních objektů, které jsou dostupné v prohlížeči
  • možnost jak ovlivnit obsah, reagovat na uživatelský vstup, komunikovat se serverem, ukládat data apod.
console.dir(window);
console.dir(document);

Základní typy objektů

document

element

nodeList

attribute

namedNodeMap (element.attributes)

dom crude map

Nejpoužívanější metody

  • document.getElementById(id)
  • element.getElementsByTagName(name)
  • document.createElement(name)
  • parentNode.appendChild(node)
  • element.innerHTML
  • element.style.left
  • element.setAttribute
  • element.getAttribute
  • element.addEventListener
  • window.onload
  • window.scrollTo

Node

  • getComputedStyle

Selektory

  • element.querySelector(selectors)
  • element.querySelectorAll(selectors)

Manipulace

Events

  • Event Propagation - bublání odspoda nahoru
  • DOM Events
  • event.preventDefault() - zrušení výchozí akce prohlížeče

AJAX

HTML5 APIs

  • canvas
  • audio
  • webgl
  • drag n drop
  • web messaging
  • web sockets
  • web workers
  • web storage
  • geo location
  • file api
  • ...