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) name Example

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

Syntax: object.name=languagecode – Allows you to retrieve or assign name for linked objects.

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