DHTML JavaScript
DHTML stands for Dynamic HTML.
Dynamic means that the content of the web page can be customized or changed according to user inputs i.e.
a page that is interactive with the user.
In earlier times, HTML was used to create a static page. It only defined the structure of the content that was
displayed on the page.
With the help of CSS, we can beautify the HTML page by changing various properties like text size,
background color etc.
The HTML and CSS could manage to navigate between static pages but couldn’t do anything else.
DHTML included JavaScript along with HTML and CSS to make the page dynamic.
This combo made the web pages dynamic and eliminated this problem of creating static page for each user.
To integrate JavaScript into HTML, a Document Object Model(DOM) is made for the HTML document. In
DOM, the document is represented as nodes and objects which are accessed by different languages like
JavaScript to manipulate the document.
HTML document include JavaScript:: The JavaScript document is included in our html page using the html tag.
<src> tag is used to specify the source of external JavaScript file.
Following are some of the tasks that can be
performed with JavaScript:
Performing html tasks
Performing CSS tasks
Handling events
Validating inputs
Example 1: Example to understand how to
use JavaScript in DHTML.
<html>
<head>
<title>DOM programming</title>
</head>
<body>
<h1>RU, KNL</h1>
<p id = "demo">Hello Rayalaseema University!!!</p>
<script style = "text/javascript">
document.getElementById("GCM").innerHTML ="University in Kurnool District”;
</script>
</body>
</html>