DHTML - HTML DOM

Change an HTML Element

The following example changes the content of an h1 element:

Change an HTML Element Example

<html>
<body>

<h1 id="header">Old Header</h1>

<script type="text/javascript">
document.getElementById("header").innerHTML="New Header";
</script>

</body>
</html>

Example explained:

The HTML document above contains an h1 element with id="header"
We use the HTML DOM to get the element with id="header"
A JavaScript changes the content (innerHTML) of that element

Change an HTML Attribute

The following example changes the src attibute of an img element:

Change an HTML Attribute Example

<html>
<body>

<img id="image" src="smiley.gif">

<script type="text/javascript">
document.getElementById("image").src="landscape.jpg";
</script>

</body>
</html>

Tutorial

References

HTML & CSS References
HTML References
HTML 5.0 References
CSS References
CSS 3 References
Browser Scripting Ref.
Javascript References
HTML DOM References
Server Scripting Ref.
PHP References

DHTML - HTML DOM

Change an HTML Element

Change an HTML Element Example

Change an HTML Attribute

Change an HTML Attribute Example

Tutorial

References

Other Tutorials

Links

About Us

Tools

Accounts