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 Base Object id Property .

Syntax: BaseObject.id="id" – Allows you to access the id for an BaseObject.

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 *
    ***************************************************
 
 
    -->
 
    <base id="myBaseID" href="http://myqol.com" />
 
   </head>
  <body>
      <a href="events_calendar.aspx" id="idEvents">Events</a><br /><br />
      <a href="news_list.aspx" id="idNews">News</a><br /><br />
      <a href="presenters.aspx" id="idPresenters">Presenters</a><br /><br />
      <a href="free_trial.aspx" id="idFreeTrial">Free Trial</a><br /><br />
 
   <script type="text/javascript">
       //*****************************************************
       // DOM Objects
       //*****************************************************
 
 
       //*****************************************************
       //    ***    Base Object Properties   ***
       //*****************************************************
 
       //*****************************************************
       // id
       //*****************************************************
 
       //    SYNTAX:
       //    object.id=id  Allows you to retrieve or assign  
       //               id to Base object
 
       // Two ways to retrieve id   
       //   1. GetElementsByTagName
            myObject=document.getElementsByTagName('base')[0];
            document.write("Base - Using getElementsByTagName : " + myObject.id);
            document.write("<br />");
      //   2. GetElementById
            document.write("Base - Using getElementById: ");
            document.write(document.getElementById('myBaseID').id);
 
            document.write("<br /><br />");
       // Two ways to assign id
 
            //   1. GetElementById
            myThirdElement = document.getElementById('myBaseID');
            myThirdElement.id = "newbaseid";
            document.write("<br />IdealProgrammer id changed to newbaseid: ", myThirdElement.id);
 
       //   2. GetElementsByTagName      
            myFourthElement = document.getElementsByTagName('base')[0];
            myFourthElement.id = "newbaseid2";
            document.write("<br />ProgressMonitor id changed to newbaseid2: ", myFourthElement.id)
 
</script>
 
  </body>
</html>