This page teaches you how to find and access HTML elements in an HTML page.
To do so, you have to find the elements first. There are a couple of ways to do this:
The easiest way to find an HTML element in the DOM, is by using the element id.
This example finds the element with id="intro":
If the element is found, the method will return the element as an object (in x).
If the element is not found, x will contain null.
This example finds all <p> elements:
This example finds the element with id="main", and then finds all <p> elements inside "main":
If you want to find all HTML elements with the same class name, use
This example returns a list of all elements with class="intro".
|Finding elements by class name does not work in Internet Explorer 8 and earlier versions.|
If you want to find all HTML elements that matches a specified CSS selector
(id, class names, types, attributes, values of attributes, etc), use the querySelectorAll() method.
This example returns a list of all <p> elements with class="intro".
|The querySelectorAll() method does not work in Internet Explorer 8 and earlier versions.|
This example finds the form element with id="frm1", in the forms collection, and displays all element values:
The following HTML objects (and object collections) are also accessible: