Progress Monitor for IdealProgrammer.com

Take Swift, Intelligent, Massive, Planned, Loving, Effective (S.I.M.P.L.E.) Action to Transform Self into Ideal

Skip Repetitive Navigational Links

Home

News

Presenters

Contact

Please login

Images Example JavaScript (JS)

Description: Illustrates the JavaScript syntax for the Images Collection .

Syntax: Images[index] – Allows you to access all of the Images in a document – index specifies the Image

Images Example JavaScript (JS) Code:

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html>
  <head>
    <title>IdealProgrammer.com: Forms Collection</title>
    <!-- 
    ***************************************************
    * This example is from http://idealprogrammer.com *
    ***************************************************
    -->
   </head>
  <body>
<img border="0" alt="gold bottle" src="http://idealprogrammer.com/wp-photos/goldbottle.jpg" height="100px" /><br /> <br />
<img border="0" alt="gold panning" src="http://idealprogrammer.com/wp-photos/goldpanning.jpg" height="100px"/><br /><br />
<script type="text/javascript">
 
    //*****************************************************
    // DOM Document
    //*****************************************************
 
 
    //*****************************************************
    //    ***    DOM Object Collections   ***
    //*****************************************************
 
    //*****************************************************
    // Images Collection
    //*****************************************************
 
    //    SYNTAX:
    //    images[index] 	        Allows you to access all of the images objects in a document
    //                              index is index of image
 
    document.write("Number of Images: ")
    document.write(document.images.length + "<br />")
    document.write(document.images[1].src + "<br /><br /><br /><br />")
 
</script>
 
 
  </body>
</html>