JS: DOM Methods

Here are the essential Document Object Model methods. Learn these and you will know almost all of practical DOM.

• JS DOM: Node, Node Type

Get node

• JS DOM: Get Element by ID, Name, Class etc
• JS DOM: Get Parent, Child, Sibling

• JS DOM: Get Current Script Element
• JS DOM: Get document root / head / body

Loop thru nodes

• JS DOM: NodeList vs HTMLCollection
• JS DOM: Live Object
• JS DOM: Loop thru nodes

Change attributes

• JS DOM: Element Attribute Methods
• JS DOM: Class Attribute methods
• JS DOM: Change HTML element style attribute

Create insert node

• JS DOM: Create Element, Clone
• JS DOM: Insert Element

Delete node

• JS DOM: Remove Elements/Childen

Change content

• JS DOM: Change Element Content
• JS DOM: innerHTML, textContent, innerText, nodeValue

Add event handler

• JS DOM: Add / Remove Event Handler
• JS DOM: List of events

unsorted

• JS DOM: History of GetElementsByClassName (2013 to 2019)