DOM (Document Object Model)
What is DOM?
It is the data representation of the object that include the structure and content of a document on the web.<
<html>
<head>
<title>My title</title>
</head>
<body>
<h1>My header</h1>
<a href="#">My link</a>
</body>
</html>
It is an interface that has properties and methods that enables developers to manipulate HTML documents and produce the interactivity on the web pages.
For example: You can change content, style of different HTML elements on a web page using javascript DOM. You can also show, hide, create, or remove elements dynamically using javascript DOM.
The DOM is not part of the JavaScript language, but is instead a Web API used to build websites. In other words, it is written in JavaScript, but uses the DOM to access the document and its elements.
DOM Course
Lesson 1 (View DOM Nodes)
What you will learn in this video:
Lesson 2 (Nodes relationships - DOM hierarchy)
What you will learn in this video:
Lesson 3 (Accessing DOM Nodes - 4 ways)
What you will learn in this video:
Lesson 4 (Accessing DOM Nodes - selectors)
What you will learn in this video:
Lesson 5 (Modifying Node’s content)
What you will learn in this video:
Lesson 6 (Node’s Class Attribute)
What you will learn in this video:
Lesson 7 (Create new DOM Nodes)
What you will learn in this video:
Lesson 8 (DOM collection)
What you will learn in this video:
Lesson 9 (Cookies)
What you will learn in this video:
Lesson 10 (Create and read cookies)
What you will learn in this video:
Lesson 11 (Display key value pairs of cookies)
What you will learn in this video:
Lesson 12 (Enhance your code using general displayCookie fun)
What you will learn in this video:
Lesson 13 (Simple cookie usage example)
What you will learn in this video:
Lesson 14 (Set persistent cookies)
What you will learn in this video:
Lesson 15 (Delete cookie - logout)
What you will learn in this video:
Last updated