Monday, July 4, 2011

DHTML - JavaScript



JavaScript can create dynamic HTML content.
Date: Tue Jul 05 2011 02:05:30 GMT+0300 (GTB Daylight Time)

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>

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:
onclick=JavaScript
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.

No comments:

Post a Comment