🌎
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
        • 📘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
gitbookPowered by GitBook
block-quoteOn this pagechevron-down
  1. 🌐browserchevron-right
  2. 🔰DOMchevron-right
  3. 🌿DOM types

📘Element

browser ⟩ DOM ⟩ type ⟩ Element

  • instance properties

    • parentNodearrow-up-right (Nodearrow-up-right) - defined in Node

    • childrenarrow-up-right (HTMLCollectionarrow-up-right) - includes only Element nodes.

    • childElementCountarrow-up-right (Number) - === children.length.

    • firstElementChildarrow-up-right (Elementarrow-up-right | null)

    • lastElementChildarrow-up-right (Elementarrow-up-right | null)

    • nextElementSiblingarrow-up-right (Elementarrow-up-right | null)

    • previousElementSiblingarrow-up-right (Elementarrow-up-right | 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 ⟩ EventTargetarrow-up-right ⟩ Nodearrow-up-right ⟩ Elementarrow-up-right

  • Document.documentElementarrow-up-right - <html> element.

  • Node - super class.

  • traversing DOM

  • HTML ⟩ element

PreviousnewElement()chevron-leftNextelement contentchevron-right

Last updated 3 years ago