HTML DOM

Query

• getElementById()
• querySelector()
• querySelectorAll()
• getElementsByClassName()
• getElementsByTagName()
• getElementsByName()

Create

• createElement()
• createTextNode()
• createDocumentFragment()
• createComment()
• importNode()
• adoptNode()

Properties

• body
• head
• title
• documentElement
• cookie
• readyState
• activeElement
• forms
• images
• links
• URL
• referrer

Attributes

• getAttribute()
• setAttribute()
• removeAttribute()
• hasAttribute()
• toggleAttribute()
• attributes

Classes & Content

• id
• className
• classList
• innerHTML
• outerHTML
• insertAdjacentHTML()
• insertAdjacentElement()
• setHTMLUnsafe()

Tree

• children
• firstElementChild
• lastElementChild
• nextElementSibling
• previousElementSibling
• closest()
• matches()
• append()
• prepend()
• before()
• after()
• remove()
• replaceWith()
• replaceChildren()

Geometry & Scroll

• getBoundingClientRect()
• scrollIntoView()
• scrollTop
• scrollLeft
• scrollHeight
• clientWidth
• clientHeight
• scrollTo()

Other

• attachShadow()
• shadowRoot
• requestFullscreen()
• animate()
• setPointerCapture()

• dataset
• style
• hidden
• innerText
• title
• tabIndex
• contentEditable
• offsetWidth
• offsetHeight
• offsetTop
• offsetLeft
• offsetParent
• focus()
• blur()
• click()
• showPopover()
• hidePopover()

Methods

• appendChild()
• removeChild()
• replaceChild()
• insertBefore()
• cloneNode()
• contains()
• hasChildNodes()
• normalize()
• isEqualNode()
• compareDocumentPosition()

Properties

• childNodes
• firstChild
• lastChild
• parentNode
• parentElement
• nextSibling
• previousSibling
• nodeName
• nodeType
• nodeValue
• textContent
• ownerDocument
• isConnected

EventTarget

• addEventListener()
• removeEventListener()
• dispatchEvent()

Event

• preventDefault()
• stopPropagation()
• stopImmediatePropagation()
• target
• currentTarget
• type
• bubbles
• cancelable
• defaultPrevented
• timeStamp
• isTrusted

Constructors

• Event
• CustomEvent
• MouseEvent
• KeyboardEvent
• PointerEvent
• InputEvent
• FocusEvent
• SubmitEvent

Element

• click
• dblclick
• contextmenu
• mousedown
• mouseup
• mousemove
• mouseenter
• mouseleave
• pointerdown
• pointerup
• keydown
• keyup
• focus
• blur
• focusin
• focusout
• scroll
• wheel
• input

Others

• change
• submit
• DOMContentLoaded
• visibilitychange
• load
• resize
• beforeunload
• hashchange
• popstate
• storage

Dialogs & Timers

• alert()
• confirm()
• prompt()
• open()
• close()
• setTimeout()
• setInterval()
• clearTimeout()
• clearInterval()
• requestAnimationFrame()
• queueMicrotask()

Other

• fetch()
• getComputedStyle()
• matchMedia()
• scrollTo()
• scrollBy()
• structuredClone()
• postMessage()
• localStorage
• sessionStorage
• location
• history
• navigator
• innerWidth
• innerHeight
• devicePixelRatio
• scrollY

Location

• href
• origin
• pathname
• search
• hash
• host
• reload()
• assign()
• replace()

History

• back()
• forward()
• go()
• pushState()
• replaceState()
• state
• length

• getItem()
• setItem()
• removeItem()
• clear()
• key()
• length

• add()
• remove()
• toggle()
• contains()
• replace()

• MutationObserver
• IntersectionObserver
• ResizeObserver
• DOMParser
• XMLSerializer
• FormData
• URLSearchParams
• AbortController
• TreeWalker
• Range
• Selection