DOM Explained: Web Development, Coursework, and Project, Semester 1

This assignment provides an explanation of the Document Object Model (DOM) within the context of web development. The solution details the DOM's structure as a tree-like representation of a webpage, comprising HTML elements, attributes, and text. It highlights the DOM's role in allowing dynamic access and updates to a document's content, structure, and style through scripting languages like JavaScript. The assignment emphasizes the practical application of the DOM, such as modifying text content (e.g., greeting messages based on time) and styling elements (e.g., changing text color or font size). It also emphasizes the manipulation of the DOM to dynamically alter a webpage's appearance and behavior, demonstrating how the DOM enables interactive and responsive web designs. The solution also covers the concept of DOM which includes the dynamic nature of the web pages.

DOM stands for document object model. When a page is load on the web browser first it create
a DOM model in form of tree. While creating the DOM tree by the browser the tree contain three
components and these are html element, attribute and text contained by that particular element.
Dom defines a standard to access the document on the web page. DOM is a platform and
language independent interface that allow program and scripts to dynamically access and
update the content, structure and style of the document.
We can use DOM objects to create or build our website as we know that the DOM tree contains
element and text so if there is a web page which in terms DOM we call the document there is
structure of the document , its style and the text contain under each element and the each
element in the document contain the style and text, so with the help of script that can access the
DOM we can change the style and text of the element. For example in my web page there is
dynamic message generate of greeting, this works by the help of javascript that will access the
DOM and get the time the basic of time we give the greeting message like good morning, good
evening etc. In this we just manipulate the text of the document like this we can also update the
style of any element, the things that are comes under the styling of the element like change the
color of the text or change the font size. So in this way we can manipulate the structure of the
DOM, while the page first load it will create a full DOM model in form of tree and with the help of
scripts we can manipulate the structure and style of the document dynamically.