DHTML JavaScript
JavaScript can create dynamic HTML content:
Date:
JavaScript Alone
If you have studied JavaScript, you already know that the statement:
document.write()
can be used to display dynamic content to a web page.
Example
Using JavaScript to display the current date:
<html>
<body>
<script type="text/javascript">
document.write(Date());
</script>
</body>
</html>
|
Try it Yourself
JavaScript and the HTML DOM
With HTML 4, JavaScript can also be used to change the inner content and
attributes of HTML elements dynamically.
To change the content of an HTML element use:
document.getElementById(id).innerHTML=new HTML
To change the attribute of an HTML element use:
document.getElementById(id).attribute=new value
You will learn more about JavaScript and the HTML DOM in the next chapter of
this tutorial.
JavaScript and HTML Events
New to HTML 4 is the ability to let HTML events trigger actions in the
browser, like starting a JavaScript when a user clicks on an HTML element.
To execute code when a user clicks on an element, use the following event
attribute:
onclick=JavaScript
You will learn more about JavaScript and HTML Events in a later chapter.
JavaScript and CSS
With HTML 4, JavaScript can also be used to change the style of HTML
elements.
To change the style of an HTML element use:
document.getElementById(id).style.property=new style
You will learn more about JavaScript and CSS in a later chapter of this
tutorial.
|
