What is DOM?

In JavaScript, you can change the parts of the webpage with the document. DOM stands for Document Object Model. JavaScript uses DOM for a webpage. DOM is like a map for Java Script.

DOM represents the content of xml or html document as tree structure, and it is a programming interface or an API. API mostly used for JavaScript. By using DOM, we can easily access and update the contents of the documents. The Document Object Model (DOM) is a programming interface for HTML and XML documents. It represents the page in a tree structure so that programs can read, access, and change the document structure, style, and content. The DOM is an object-oriented representation of the web page, which can be modified with a scripting language such as JavaScript. Every web browser uses some document object model to make web pages accessible through JavaScript

Dom is a standard convention for representing and interacting with elements in HTML. We use DOM when we interact with web pages, like add content to HTML document, delete for the document, and change the contents from the documents. HTML tags designs the structure of the web page. All the tags are the objects. The HTML document repersented in another model is what we call DOM. And JavaScript easily understands the DOM format, it is easy for JavaScript to interpret with the DOM.

Code Samples

Sample Code One

					
					if(age >= 21){
					   var input = prompt("Do you like wine(yes/no)?");
					   if(input == "yes"){
					      console.log("I recommend our cabernet");
					      if(input == "no"){
					         console.log("I recommend our tap beer");
					      }
					   }
					}else if(age <= 20){
					   alert("I recommendthe chocolate milk");
					}

Sample Code Two

					
					var names = ["Bob", "Sally", "Jesse"];
					var nameList = document.getElementById("names-list");

					for(var x = 0; x < names.length; x++);{
					   var li = document.createElement("li");
					   li.textContent = names[x];
					   nameList.appendChild(li);
					}