Javascript - DOM Manipulation, Get and Set Methods, Html Elements Replace, DOM Navigation

#dom #dom_manipulation #dom_navigation

What is DOM?
The Document Object Model is a cross-platform and language-independent interface that treats an XML or HTML document as a tree structure wherein each node is an object representing a part of the document. The DOM represents a document with a logical tree.

Use of DOM:
The DOM defines a standard for accessing documents: "The W3C Document Object Model (DOM) is a platform and language-neutral interface that allows programs and scripts to dynamically access and update the content, structure, and style of a document."

Get and Set Methods in Javascript:
In JavaScript, accessor properties are methods that get or set the value of an object. For that, we use these two keywords: get - to define a getter method to get the property value. set - to define a setter method to set the property value.

Why use Get and Set Methods:
The Javascript Object Accessors are used to access and manipulate object properties i.e. the values associated with the javascript objects. The getter and setter methods in Javascript are primarily used as object accessors. The getter and setter in javascript are used to alter the property values.

DOM Navigation:
According to the W3C HTML DOM standard, everything in an HTML document is a node: The entire document is a document node. Every HTML element is an element node. The text inside HTML elements are text nodes. Every HTML attribute is an attribute node (deprecated)