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, Element

Get node

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

Loop thru nodes

• JS DOM: NodeList vs HTMLCollection
• JS DOM: Iterate HTMLCollection

Change attributes

• JS DOM: Element Attribute Methods
• JS DOM: Class Attribute (get add remove toggle)
• 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