🌏web.dev
⚙️tools
- 🔰tooltip
- 🔰syntax highlighting
🔰HTML
🔰CSS
🍒JS
🔰web component
🌐browser
🔰React
Server
- HTTP status code
附錄

Powered by GitBook

On this page

Was this helpful?

🌐browser

🔰DOM

🌿DOM types

📘Element

PreviousnewElement()Nextelement content

Last updated 1 year ago

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()

attribute
Element+ext
element content
size & position
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

Drawing