DHTML - JavaScript
JavaScript can create dynamic HTML content.
Date:
JavaScript Alone
In JavaScript, the statement: document.write(), is used to write output to a web page.
Example
The following example uses JavaScript to display the current date and time on
a page:
Example
<html>
<body>
<script type="text/javascript">
document.write(Date());
</script>
</body>
</html>
|
Try it yourself »
|
JavaScript and the HTML DOM
A JavaScript can also be used to change the content or attributes of HTML elements.
To change the content of an HTML element:
| document.getElementById(id).innerHTML=new HTML |
To change the attribute of an HTML element:
| 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
A JavaScript can also be executed when an event occurs, like when a user clicks on an HTML element.
To execute code when a user clicks on an element, use the following event attribute:
You will learn more about JavaScript and HTML events in a later chapter.
JavaScript and CSS
A JavaScript can also change the style of HTML elements.
To change the style of an HTML element:
| document.getElementById(id).style.property=new style |
You will learn more about JavaScript and CSS in a later chapter of this tutorial.

The Altova MissionKit is an integrated suite of tools ideal for:
- XML development
- Web & Web services development
- Data mapping & integration
- Rendering & publishing XML & database data
- XBRL validation, taxonomy editing, transformation & rendering
The MissionKit for XML Developers includes XMLSpy® - the industry-leading XML editor; MapForce® - a
graphical data mapping, conversion, and integration tool; StyleVision® - a visual XSLT stylesheet designer;
DiffDog® - an XML-aware diff/merge tool; and 2 additional tools.
Try all 6 products free for 30 days!
Download a fully-functional free trial
|
|
|
|