#DOM #coding #programming
In this video, we will discuss the working of web pages and key elements of front-end development, namely the DOM (Document Object Model) and the CSSOM (CSS Object Model). DOM is the 'object' created by the browser reading the HTML document to check the structure and content of HTML and go through the process of 'parsing'. All HTML tags, attributes of tags, and text inside tags all take place as nodes in the DOM. The resulting DOM forms a tree-like structure much like a tree. Furthermore, the CSSOM is generated from CSS and used in conjunction with the DOM for the browser to comprehend the structure of a web page and render. What's most important is that after the webpage loads once, dynamic changes made using JavaScript occur through the DOM. CSSOM also provides the ability to change CSS rules through JavaScript, but typically style changes are made through the DOM. In essence, the DOM and CSSOM are important elements that allow a webpage to be manipulated in various ways, rather than simply projecting a design on top of an HTML blueprint to the screen.
