Javascript - DOM Nodes, DOM Selectors, DOM Methods in Javascript

#javascript #dom #dom_methods #javascript_tutorial

What is Nodes in Javascript?
Any element on a page including text & whitespaces of a DOM structure is known as “NODE.” Nodes can be between XHTML Tags.

Nodes available in DOM:

DOM Selectors:
DOM Selectors, as the name suggests is used to select HTML elements within a document using JavaScript. There are 5 ways in which you can select elements in a DOM using selectors. getElementsByTagName() getElementsByClassName() getElementById()

HTML DOM methods, there are six different methods in which users can access or manipulate HTML elements using JavaScript:
HTML DOM getElementById() Method.
HTML DOM getElementsByClassName() Method.
HTML DOM getElementsByName() Method.
HTML DOM getElementsByTagName() Method.
HTML DOM querySelector() Method.

getElementById()
getElementId is a method to access any element virtually. It accesses the first element with the specified ID.

getElementByTagName()
This method can eradicate issues. getElementByTagName allows you to search all the elements with a specified tag name on your page.

querySelector() & querySelectorAll()
The querySelector() method returns the first element that matches a CSS selector. To return all matches (not only the first), use the querySelectorAll() instead.