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

JavaScript (JS) id Example

Description: Illustrates the JavaScript syntax for the Anchor Object id Property .

Syntax: object.id=text – Allows you to retrieve or assign id for linked objects.

JavaScript (JS) id Example 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: id </title>
    <!-- 
    ***************************************************
    * This example is from http://idealprogrammer.com *
    ***************************************************
 
 
    -->
 
 
 
   </head>
  <body>
      <a href="http://www.google.com" id="Google">Google</a><br /><br />
      <a href="http://www.yahoo.com" id="Yahoo">Yahoo</a><br /><br />
      <a href="http://idealprogrammer.com" id="IdealProgrammer">IdealProgrammer</a><br /><br />
      <a href="http://myqol.com" id="ProgressMonitor">ProgressMonitor</a><br /><br />
 
   <script type="text/javascript">
       //*****************************************************
       // DOM Objects
       //*****************************************************
 
 
       //*****************************************************
       //    ***    Anchor Object Properties   ***
       //*****************************************************
 
       //*****************************************************
       // id
       //*****************************************************
 
       //    SYNTAX:
       //    object.id=idname  Allows you to retrieve or assign  
       //               id to an object
 
       // Two ways to retrieve id   
       //   1. GetElementsByTagName
            myObject=document.getElementsByTagName('a')[0];
            document.write("Google - Using getElementsByTagName : " + myObject.id);
            document.write("<br />");
      //   2. GetElementById
            document.write("Yahoo - Using getElementById: ");
            document.write(document.getElementById('Yahoo').id);
 
            document.write("<br /><br />");
       // Two ways to assign id
 
            //   1. GetElementById
            myThirdElement = document.getElementById('IdealProgrammer');
            myThirdElement.id = "New IdealProgrammer";
            document.write("<br />IdealProgrammer id changed to New Ideal Programmer: ", myThirdElement.id);
 
       //   2. GetElementsByTagName      
            myFourthElement = document.getElementsByTagName('a')[3];
            myFourthElement.id = "New Progress Monitor";
            document.write("<br />ProgressMonitor id changed to New Progress Monitor: ", myFourthElement.id)
 
</script>
 
  </body>
</html>