Introduction to JavaScript DOM

Total
0
Shares
Introduction to javaScript dom

What is JavaScript DOM?

“Using JavaScript DOM we can manipulate our website in real-time.”

A web browser ( chrome, safari, etc) has a V8 Engine. The V8 Engine basically reads JavaScript When we load HTML CSS files in the browser then the web browser creates a document. JS DOM has different properties.

Imagine we want to change something in real-time then we can do using javaScript. These changes will be read by a V8 Engine and then display in a web browser.

console

 

 

 

 

 

 

 

 

This is my simple web page just for your understanding you can see it in the console, I write the word “document” and then press enter. It shows like my web page as a document.

That’s the DOM, the web browser created this after loading the files (HTML, CSS) in the browser.

 

HTML DOM Tree of Objects:

In JavaScript using DOM we can change the HTML elements, attributes, style in the page also we can add the new HTML elements and remove the existing elements.

HTML DOM Tree

 

 

 

 

 

 

 

 

 

 

Next, you will learn:

 

Leave a Reply

Your email address will not be published. Required fields are marked *

You May Also Like
JavaScript DOM Selectors

JavaScript DOM Selector

Table of Contents Hide JavaScript DOM Selector: JavaScript DOM Selector: Using JavaScript DOM Selector we can select, manipulate and edit the different types of text. We have different DOM selectors…
View Post
JavaScript DOM events

JavaScript DOM Events

Table of Contents Hide JavaScript DOM Events:Event Attributes: JavaScript DOM Events: Hey did you imagine how to collect analytics, views, clicks on the website page? How to monitor the mouse…
View Post