🌎
web.dev
Ctrlk
  • 🌏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
        • 📘Node
        • 📘Element
          • 🔸element content
          • 🔹.insertAdjacentHTML()
          • 🔸attribute
          • 🔰box models
          • 👔Element+boxes
          • 👔Element+ext
        • 🍄HTMLElement
        • 📘Document
        • 📘Window
        • 🍄DocumentFragment
        • 🍄NodeList
        • CSSStyleDeclaration
      • ✨DOM examples
      • 👔custom methods
    • 🔰SVG
    • 🔳<canvas>
    • 🔰storage
    • 🔰animation
  • 🔰React
  • Server
  • 🔖附錄
    • 👔custom
    • 🧩three.js
    • 🅰️Google Apps Script
    • 📖JSDoc
    • 📦data structure
    • 🔰algorithm
    • 🔰paradigm
    • 🔰TypeScript
    • 💎resource
Powered by GitBook
On this page
  1. 🌐browser
  2. 🔰DOM
  3. 🌿DOM types

📘Element

browser ⟩ DOM ⟩ type ⟩ Element

  • instance properties

    • parentNode (Node) - defined in Node

    • children (HTMLCollection) - includes only Element nodes.

    • childElementCount (Number) - === children.length.

    • firstElementChild (Element | null)

    • lastElementChild (Element | null)

    • nextElementSibling (Element | null)

    • previousElementSibling (Element | null)

  • custom methods

    • elem.isInside()

    • elem.isHeading

    • elem.attr()

    • elem.styleProp()

    • elem.showDataAttr()

Drawing
  • attribute

  • Element+ext

  • element content

  • size & position

    • coordinates

    • box models

    • .boundingBox

    • .scrollBox

    • element .paddingBox

    • window scrolling

  • DOM manipulation

    • querying elements

    • create/insert/delete nodes

    • str.htmlToElement()

  • doc.elementFromPoint()

  • MDN ⟩ EventTarget ⟩ Node ⟩ Element

  • Document.documentElement - <html> element.

  • Node - super class.

  • traversing DOM

  • HTML ⟩ element

PreviousnewElement()Nextelement content

Last updated 2 years ago

Was this helpful?

Was this helpful?