🌎
web.dev
search
⌘Ctrlk
🌎
web.dev
  • 🌏web.dev
  • ⚙️tools
  • 🔰HTML
  • 🔰CSS
  • 🍒JS
  • 🔰web component
  • 🌐browser
    • 📘web API
    • 🔰concepts
    • 🔰Event
    • 🔰DOM
      • 🔰DOM hierarchy
      • 🔰querying elements
      • 🔰traversing DOM
      • 🔰create/insert/delete nodes
      • 🌿DOM types
      • ✨DOM examples
      • 👔custom methods
    • 🔰SVG
    • 🔳<canvas>
    • 🔰storage
    • 🔰animation
  • 🔰React
  • Server
  • 🔖附錄
    • 👔custom
    • 🧩three.js
    • 🅰️Google Apps Script
    • 📖JSDoc
    • 📦data structure
    • 🔰algorithm
    • 🔰paradigm
    • 🔰TypeScript
    • 💎resource
gitbookPowered by GitBook
block-quoteOn this pagechevron-down
  1. 🌐browserchevron-right
  2. 🔰DOM

🔰DOM hierarchy

🚧 under construction -> Event hierarchy

JS ⟩ browser ⟩ DOM ⟩ hierarchy

Drawing
DOM EventTarget hierarchy
  • Event ⟩ UIEventarrow-up-right ⟩

    • MouseEventarrow-up-right

  • EventTargetarrow-up-right ⟩

    • Node ⟩

      • CharacterDataarrow-up-right ⟩ Textarrow-up-right ⟩ Comment

      • DocumentFragment ⟩ ShadowRootarrow-up-right

      • Element ⟩

        • SVGElementarrow-up-right

        • HTMLElementarrow-up-right ⟩

          • HTMLTemplateElement

          • <canvas> (HTMLCanvasElementarrow-up-right)

  • DOM Hierarchyarrow-up-right (✏️ replitarrow-up-right) ⭐️

  • <expanding-list>

  • Document Object Model (DOM)arrow-up-right ⭐️

  • 📘 DOMTokenListarrow-up-right (elem.classListarrow-up-right 的類別)

  • Where can I find a complete description of JavaScript DOM class hierarchy?arrow-up-right

  • built in object hierarchy in javascript?arrow-up-right

  • DOM Inheritance structurearrow-up-right

  • 🗣 DOMTokenList prototypearrow-up-right

  • 🗣 Does `DOMTokenList` have any superclass?arrow-up-right

    • DOMTokenList is a TypeScript interfacearrow-up-right❓

circle-exclamation

DOM 所定義的所有類別難不成都是 interface❓

PreviousDOMchevron-leftNextquerying elementschevron-right

Last updated 3 years ago