DHTML - JavaScript

« Previous Chapter Next Chapter »

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 Below 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.


« Previous Chapter Next Chapter »

Have Any Suggestion? We Are Waiting To Hear from YOU!

Your Query was successfully sent!