DOM node in JS

The Document Object Model DOM defines a standard way to access and manipulate HTML documents.

The DOM renders an HTML document as a tree structure with elements, attributes, and text (the node tree).

Split the above code into a DOM node graph

Three common DOM nodes:

1. ELEMENT nodes: For example: HTML, H2, p, UL, Li as Tag

2. Text node: Content that is presented to the user, such as JavaScript, DOM, CSS, and other text in:<li></li>

3. Attribute node: element attributes such as the href attribute in the:<a></a> tag

DOM node in JS