HOME HTML CSS JAVASCRIPT SQL PHP JQUERY XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

HTML DOM images Collection

Document Object Reference Document Object

Definition and Usage

The images collection returns an array of all the images in the current document.

Syntax

document.images[].property


Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The images collection is supported in all major browsers.


Examples

Example 1

Return the number of images in the document:

<html>
<body>

<img border="0" src="klematis.jpg" width="150" height="113">
<img border="0" src="klematis2.jpg" width="152" height="128">

<p>Number of images:
<script>
document.write(document.images.length);
</script></p>

</body>
</html>

The output of the code above will be:

Number of images: 2

Try it yourself »

Example 2

Return the id of the first image in the document:

<html>
<body>

<img id="klematis lilac" border="0" src="klematis.jpg" width="150" height="113">
<img id="klematis pink" border="0" src="klematis2.jpg" width="152" height="128">

<p>Id of first image:
<script>
document.write(document.images[0].id);
</script></p>

</body>
</html>

The output of the code above will be:

Id of first image: klematis lilac

Try it yourself »


Document Object Reference Document Object

Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE