~/talk

DOM Features You Didn’t Know Existed

Talkat FITC Toronto 2016 · 2016-04-17..04-19· [javascript, web-platform]
slides:none on file

Shows concrete DOM methods and what they actually return and change: insertAdjacentHTML, getBoundingClientRect, dataset, scrollIntoView, contains, normalize and many others, with live jsbin demos and code examples. Claims many features date back to IE6 and most are available in modern browsers (notes IE9+ coverage, with some newer bits landing later). Includes how to research support, working snippets that build real behavior, and a link to slides and resources: tinyurl.com/fitc

AI-written summary · about

  1. 0:00Intro
  2. 1:27DOM Features / APIs?
  3. 3:02JavaScript/ECMAScript
  4. 5:32Common DOM Features
  5. 7:17insertAdjacentHTML
  6. 10:01getBoundingClientRect()
  7. 11:59The dataset Property
  8. 14:02e.target vs. e.currentTarget
  9. 16:02hasAttribute() vs. hasAttributes()
  10. 16:53Working with Child Nodes
  11. 18:41compare Document Position()
  12. 21:07Node.contains()
  13. 22:48isEqualNode()
  14. 24:58Computed Styles for Pseudo-elements
  15. 26:29textContent Property
  16. 28:25normalize() and splitText()
  17. 30:52createComment()
  18. 31:54The API
  19. 35:47selection Start / selection End
  20. 37:05setSelectionRange()
  21. 37:56setSelection Range()
  22. 38:26getSelection()
  23. 39:35elementFromPoint()
  24. 41:29scrollintoView()
  25. 43:02Browser Support?
  26. 43:50Get a Good JavaScript Reference
  27. 44:28Use a DOM Reference
  28. 44:54Don't Be Afraid of the Specs
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.