HTML DOM (Document Object Model) Basics
About Course
HTML DOM (Document Object Model) Basics is a foundational course that covers the essentials of manipulating web page content using JavaScript through the Document Object Model. The course provides a comprehensive understanding of how to interact with HTML elements dynamically to create interactive and responsive web applications. Students will learn the core concepts of traversing the DOM tree, accessing and modifying elements, handling events, and updating the content of a web page in real-time.
Course Content
HTML DOM (Document Object Model) Basics
Introduction to HTML DOM
02:42Understanding DOM Nodes
03:03Exploring the Node Tree
03:31DOM Methods and Properties
04:09Accessing DOM Nodes
03:58Getting Node Information
03:24Changing Background
03:00Modifying Text Values
04:12DOM Events
03:41Writing Formatted Text
02:48Accessing Collection Elements
03:52Changing Button Properties
04:07Focusing Input Field
03:00Modifying Image Dimensions
02:39Changing Image Source
02:45Identifying Form with Dropdown
03:32Counting Dropdown Options
03:24Counting Number of Forms
03:05HTML DOM (Document Object Model) Basics
