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

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

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

JavaScript (JS) href 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: href </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   ***
       //*****************************************************
 
       //*****************************************************
       // href
       //*****************************************************
 
       //    SYNTAX:
       //    object.href=href  Allows you to retrieve or assign  
       //               href to linked object
 
       // Two ways to retrieve href   
       //   1. GetElementsByTagName
            myObject=document.getElementsByTagName('a')[0];
            document.write("Google - Using getElementsByTagName : " + myObject.href);
            document.write("<br />");
      //   2. GetElementById
            document.write("Yahoo - Using getElementById: ");
            document.write(document.getElementById('Yahoo').href);
 
            document.write("<br /><br />");
       // Two ways to assign href
 
            //   1. GetElementById
            myThirdElement = document.getElementById('IdealProgrammer');
            myThirdElement.href = "http://www.google.com";
            document.write("<br />IdealProgrammer href changed to google: ", myThirdElement.href);
 
       //   2. GetElementsByTagName      
            myFourthElement = document.getElementsByTagName('a')[3];
            myFourthElement.href = "http://www.yahoo.com";
            document.write("<br />ProgressMonitor href changed to yahoo: ", myFourthElement.href)
 
</script>
 
  </body>
</html>