DHTML - JavaScript
JavaScript can create dynamic HTML content.
Date:
JavaScript Alone
If you have studied JavaScript, you know that the statement:
document.write()
is used to write output to a web page.
Example
Using JavaScript to display the current date:
Example
<html>
<body>
<script type="text/javascript">
document.write(Date());
</script>
</body>
</html>
|
|
JavaScript and the HTML DOM
A JavaScript can also be used to change the content and
attributes of HTML elements dynamically.
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:
onclick=JavaScript
You will learn more about JavaScript and HTML Events in a later chapter.
JavaScript and CSS
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.
Need an easy way to get data into XML, or transform XML to another format?
MapForce lets you map XML data to/from any combination of XML, database, flat file, Excel 2007, XBRL, or Web services data.
Then it transforms data instantly or auto-generates royalty-free data integration code for recurrent conversions.
Download a free, fully functional 30-day trial to experience the following features:
- Easy-to-use, graphical data mapping interface
- Instant data transformation
- XSLT 1.0/2.0 and XQuery code generation
- Java, C#, and C++ code generation
- Advanced data processing functions
- Support for all major relational databases including SQL Server, IBM DB2, Oracle, and more
- Visual Studio & Eclipse integration
Download a fully-functional trial today!
|
|
|
| 
