DHTML stands for Dynamic Hypertext Markup language i.e., Dynamic HTML.
Dynamic HTML is not a markup or programming language but it is a term that combines the features of various web development technologies for creating the web pages dynamic and interactive.
The DHTML application was introduced by Microsoft with the release of the 4th version of IE (Internet Explorer) in 1997.
Components of Dynamic HTML
DHTML consists of the following four components or languages:
HTML is a client-side markup language, which is a core component of the DHTML. It defines the structure of a web page with various defined basic elements or tags.
CSS stands for Cascading Style Sheet, which allows the web users or developers for controlling the style and layout of the HTML elements on the web pages.
DOM is the document object model. It is a w3c standard, which is a standard interface of programming for HTML. It is mainly used for defining the objects and properties of all elements in HTML.
Uses of DHTML
Following are the uses of DHTML (Dynamic HTML):
Features of DHTML
Following are the various characteristics or features of DHTML (Dynamic HTML):
Difference between HTML and DHTML
Following table describes the differences between HTML and DHTML:
After that, we used the if-else-if statement for finding the grade according to the percentage.
Example 1: The following example changes the color of a text.Test it Now
In the above code, we changed the color of a text by using the following syntax:
Example 1: The following example uses the DHTML CSS for changing the style of current element:Test it Now
In the above code, we used the this.style.color='blue' statement, which shows the color of a text as blue.
Example 2: The following example uses the DHTML CSS for changing the style of the HTML element:Test it Now
In the above code, we used the var element = document.getElementById('demo').style.color = newColor; statement, which changes the color of a text as green and blue according to the buttons.
An event is defined as changing the occurrence of an object.
It is compulsory to add the events in the DHTML page. Without events, there will be no dynamic content on the HTML page. The event is a term in the HTML, which triggers the actions in the web browsers.
Example of events:
Following table describes the Event Handlers used in the DHTML:
Following are the different examples using the different event handlers, which helps us to understand the concept of DHTML events:
Example 1: This example uses the onclick event handler, which is used to change the text after clicking.Test it Now
Example 2: This example uses the onsubmit event handler, which gives an alert after clicking on a submit button.Test it Now
DHTML DOM stands for Dynamic HTML Document Object Model.
It is a w3c standard, which is a standard interface of programming for HTML. It is mainly used for defining the objects and properties of all elements in HTML. It also defines the methods for accessing the HTML elements.
Example: The following program helps in understanding the concept of DHTML DOM. This example changes the color of text and displays the text in red colour automatically.Test it Now
Advantages of DHTML
Following are the various benefits or the advantages of DHTML (Dynamic HTML):
Disadvantages of DHTML
Following are the various disadvantages or limitations of DHTML (Dynamic HTML):