Page 146 - CITS - Computer Software Application -TT

COMPUTER SOFTWARE APPLICATION - CITS

Document

Document Object Model (DOM) is a platform and language-neutral interface that allows programs and scripts to
dynamically access and update the content, structure, and style of a document.”
Properties of document object

Let’s see the properties of document object that can be accessed and modified by the document object.

Methods of document object

We can access and change the contents of document by its methods.
The important methods of document object are as follows:
Method Description
write(“string”) writes the given string on the document.
writeln(“string”) writes the given string on the document with
newline character at the end.
getElementById() returns the element having the given id value.
getElementsByName() returns all the elements having the given name
value.
getElementsByTagName() returns all the elements having the given tag
name.
getElementsByClassName() returns all the elements having the given class
name.
Accessing field value by document object
In this example, we are going to get the value of input text by user. Here, we are using document.form1.name.
value to get the value of name field.
Here, document is the root element that represents the html document.
form1 is the name of the form.

name is the attribute name of the input text.
value is the property, that returns the value of the input text.
Let’s see the simple example of document object that prints name with welcome message.

133

CITS : IT&ITES - Computer Software Application - Lesson 37 - 46