-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathDHTML_intro.html
40 lines (40 loc) · 1.85 KB
/
DHTML_intro.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<html>
<head>
<title>DHTML Introduction</title>
</head>
<body>
<h1>DHTML Intoduction</h1>
<p>
DHTML stands for Dynamic HTML, it is totally different from HTML.
</p>
<p>
The browsers which
support the dynamic HTML are some of the versions of Netscape Navigator and Internet
Explorer of version higher than 4.0. The DHTML is based on the properties of the HTML,
javascript, CSS, and DOM (Document Object Model which is used to access individual
elements of a document) which helps in making dynamic content. It is the combination
of HTML, CSS, JS, and DOM. The DHTML make use of Dynamic object model to make changes in
settings and also in properties and methods. It also makes uses of Scripting and it is also
part of earlier computing trends.
</p>
<p>
DHTML allows different scripting languages in a web page to change their variables, which
enhance the effects, looks and many others functions after the whole page have been fully
loaded or under a view process, or otherwise static HTML pages on the same. But in true
ways, there is noting that as dynamic in DHTML, there is only the enclosing of different
technologies like CSS, HTML, JS, DOM, and different sets of static languages which make
it as dynamic.
</p>
<span id="h">Hello</span><br>
<button onclick="change()">Click Me</button>
</body>
<script>
function change(){
var p = document.getElementsByTagName("p");
var str = p[0].innerHTML;
var str1=str.split(" ");
document.getElementById("h").innerHTML="5th "+str1[16]+" 7th "+str1[18]+" 10th "+str1[21];
}
</script>
</html>