JavaScript 1, dag 6 – Fun with Objects 102 and the Document Object Model (DOM)

Vi gick igenom

• Objects i mer detalj
  • Properties (egenskaper)
  • Methods (metoder)
• Document Object Model (DOM)
  • Querying the DOM
    • querySelector
    • querySelectorAll
  • Modifing content and attributes
    • innerText
    • innerHTML
    • getAttribute
    • setAttribute
    • style
    • className
    • classList
    • textContent
  • Traversing the DOM
    • children
    • parentElement
    • nextElementSibling
    • previousElementSibling
• Event Listeners
  • addEventListener

GitHub repository

https://github.com/drblue/fed19-javascript-1/tree/lesson-6

---

Workshop

Öva på att hämta ut element med hjälp av det vi gått igenom idag.

Se om du kan få till att när man kryssar av en kryssruta så ska den direkt kryssas i igen.

Till nästa lektion

Kolla klart på The Net Ninja’s kurs i Modern JavaScript, resten av kapitel 4 om funktioner (från 30:42, ca 13 min), hela kapitel 5 om objekt (37 min) och hela kapitel 6 om Document Object Model (DOM) (53 min).

Alla delar behöver sitta nu för att ni inte ska fastna på någon grundläggande grej under resten av kursen!