JavaScript: DOM Methods

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

Get Elements

• Get Elements by ID/Name/Class etc

Element Attribute

• Element Attribute Methods

get Node Name (Element Tag Name), Node Type, Node Value

• get Node Name (Element Tag Name), Node Type, Node Value

Get Parent/Children/Sibling

• Get Element's Parent/Child/Sibling, Navigate DOM Tree

Create New Nodes

• Create/Clone Element

{Insert, Remove, Replace} Nodes

• Insert/Remove/Replace Element

Change Element's Text Content

• Change Element's Content

{Add, Remove} Event Handler

• Add/Remove Event Handler