🔰DOM hierarchy

🚧 under construction -> Event hierarchy

JS ⟩ browser ⟩ DOM ⟩ hierarchy

🗺️ 圖解

DOM EventTarget hierarchy

🔴 主題

• Event ⟩ UIEvent ⟩

  • MouseEvent

• EventTarget ⟩

  • Node ⟩

    • CharacterData ⟩ Text ⟩ Comment

    • DocumentFragment ⟩ ShadowRoot

    • Element ⟩

      • SVGElement

      • HTMLElement ⟩

        • HTMLTemplateElement

        • <canvas> (HTMLCanvasElement)

💈範例

• DOM Hierarchy (✏️ replit) ⭐️

• <expanding-list>

📗 參考

• JS.info ⟩ DOM tree

• HTML DOM Diagram, Coded Example and Explanation

📘 手冊

• Document Object Model (DOM) ⭐️

• 📘 DOMTokenList (elem.classList 的類別)

🗣 討論

• Where can I find a complete description of JavaScript DOM class hierarchy?

• built in object hierarchy in javascript?

• DOM Inheritance structure

• 🗣 DOMTokenList prototype

• 🗣 Does `DOMTokenList` have any superclass?

  • DOMTokenList is a TypeScript interface❓

❓

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