<html>

<head>
<script type="text/javascript">
function ChangeColor()
{
document.body.bgColor="yellow"
}
</script>
</head>

<body onclick="ChangeColor()">
Click on this document!
</body>

</html>

Document Objects

The HTML DOM defines HTML documents as a collection of object.

The document object is the parent of all the other objects in HTML documents.

The document.body object represents the <body> element of the HTML documents.

The document object is the parent of the body object, and the body object is a child of the document objects

Object Properties

HTML document objects can have properties (called as attributes).

The document.body.bgColor property defines background color of the body object.

The statement document.body.bgColor="yellow" in the example above, set the background color of the HTML document to yellow.

Object Events

HTML document objects can also respond to events.

The onclick="ChangeColor()" attribute of the <body> element in the example above, defines an action to take place when the user click on the document.

Functions

The ChangeColor() function in the above example , is a JavaScript function.

The function will be triggered (started) when the user clicks on the HTML document

Changing Style

The HTML DOM also defines a model for changing the styles of the HTML objects.

The coding example below shows how to obtain the same effect as the first example, by changing the style of the body objects:

<html>

<head>
<script type="text/javascript">
function ChangeColor()
{
document.body.style.background="yellow"
}
</script>
</head>

<body onclick="ChangeColor()">
Click on this document!
</body>

</html>

Be the first one to comment on this page.

HTML DOM Tutorial eBooks

More Links » »

HTML DOM Tutorial FAQs

More Links » »

HTML DOM Tutorial Interview Questions

List out some useful plugins in Illustrator?

Explain what does the Pucker and Bloat Tool does?

Explain what is Rasterize?

Have you had any formal training?

Do you need any assistants or second shooters?

What albums and album design software do you use?

Do you use any actions or special programs?

What are the most common spelling/grammar mistakes in photography?

How do I take good portraits?

Do you shoot RAW or JPEG?

More Links » »

HTML DOM Tutorial Articles
SAP Job Hunting Over the World Wide Web
More Links » »

HTML DOM Tutorial News

More Links » »

HTML DOM Tutorial Jobs

More Links » »

Share And Enjoy:These icons link to social bookmarking sites where readers can share and discover new web pages.

Keywords: html document, html element, html content, text node

HTML Quizzes

XML Quizzes

Browser Scripting Quizzes

Server Scripting Quizzes

.NET (dotnet) Quizzes

Multimedia Quizzes

Gnuplot Programming Quiz

GIF Animation Quiz

Scientific Visualization Quiz

Web Building Quizzes

Web Site Hosting Quiz

Java Quizzes

Programming Langauges Quizzes

C Quiz

C++ Quiz

Visual Basic Quiz

Data Structures Using C Quiz

Cobol Quiz

Assembly Language Quiz

Mainframe Quiz

Forth Programming Quiz

Lisp Programming Quiz

Data Warehousing Quiz

Soft Skills Quizzes

Communication Skills Quiz

Time Management Quiz

Project Management Quiz

Team Work Quiz

Leadership Skills Quiz

Corporate Communication Quiz

Negotiation Skills Quiz

Database Quizzes

Oracle Quiz

MySQL Quiz

Operating System Quizzes

Software Testing Quizzes

SAP Module Quizzes

Business Warehousing Quiz

SAP Basis Quiz

Material Management Quiz

Sales & Distribution Quiz

Human Resource Quiz

Netweaver Quiz

Customer Relationship Management Quiz

Production and Planning Quiz

Networking Programming Quizzes

Corba Quiz

Networking Quiz

Microsoft Office Quizzes

Microsoft Word Quiz

Microsoft Outlook Quiz

Microsoft PowerPoint Quiz

Microsoft Publisher Quiz

Microsoft Excel Quiz

Microsoft Front Page Quiz

Microsoft InfoPath Quiz

Microsoft Access Quiz

Accounting Quizzes

Financial Accounting Quiz

Managerial Accounting Quiz

Testimonials \| Contact Us \| Link to Us \| Site Map
Copyright ? 2008. Academic Tutorials.com. All rights reserved	Privacy Policies \| About Us
Our Portals : Academic Tutorials \| Best eBooksworld \| Beyond Stats \| City Details \| Interview Questions \| Discussions World \| Excellent Mobiles \| Free Bangalore \| Give Me The Code \| Gog Logo \| Indian Free Ads \| Jobs Assist \| New Interview Questions \| One Stop FAQs \| One Stop GATE \| One Stop GRE \| One Stop IAS \| One Stop MBA \| One Stop SAP \| One Stop Testing \| Webhosting in India \| Dedicated Server in India \| Sirf Dosti \| Source Codes World \| Tasty Food \| Tech Archive \| Testing Interview Questions \| Tests World \| The Galz \| Top Masala \| Vyom \| Vyom eBooks \| Vyom International \| Vyom Links \| Vyoms \| Vyom World \| Important Websites
Copyright ? 2003-2024 Vyom Technosoft Pvt. Ltd., All Rights Reserved.

Testimonials \| Contact Us \| Link to Us \| Site Map
Copyright ? 2008. Academic Tutorials.com. All rights reserved	Privacy Policies \| About Us
Our Portals : Academic Tutorials \| Best eBooksworld \| Beyond Stats \| City Details \| Interview Questions \| Discussions World \| Excellent Mobiles \| Free Bangalore \| Give Me The Code \| Gog Logo \| Indian Free Ads \| Jobs Assist \| New Interview Questions \| One Stop FAQs \| One Stop GATE \| One Stop GRE \| One Stop IAS \| One Stop MBA \| One Stop SAP \| One Stop Testing \| Webhosting in India \| Dedicated Server in India \| Sirf Dosti \| Source Codes World \| Tasty Food \| Tech Archive \| Testing Interview Questions \| Tests World \| The Galz \| Top Masala \| Vyom \| Vyom eBooks \| Vyom International \| Vyom Links \| Vyoms \| Vyom World \| Important Websites
Copyright ? 2003-2024 Vyom Technosoft Pvt. Ltd., All Rights Reserved.