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

title Example JavaScript (JS)

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

Syntax: object.title=title – Allows you to retrieve or assign title for an element.

title 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: title </title>
    <!-- 
    ***************************************************
    * This example is from http://idealprogrammer.com *
    ***************************************************
    -->
 
 
 
   </head>
  <body>
      <input id="Button1" type="button" title="Original Title for Button1" value="Button1" /><br /><br />
      <input id="Button2" type="button" title="Original Title for Button2" value="Button2" /><br /><br />
      <input id="Button3" type="button" title="Original Title for Button3" value="Button3" /><br /><br />
   <script type="text/javascript">
       //*****************************************************
       // DOM Objects
       //*****************************************************
 
 
       //*****************************************************
       //    ***    Anchor Object - Standard Properties   ***
       //*****************************************************
 
       //*****************************************************
       // title
       //*****************************************************
 
       //    SYNTAX:
       //    object.title=title  Allows you to retrieve or assign  
       //               title to an element
 
       // Two ways to retrieve title   
       //   1. GetElementsByTagName
            myObject=document.getElementsByTagName('input')[0];
            document.write("Using getElementsByTagName: " + myObject.title);
            document.write("<br />");
      //   2. GetElementById
            document.write("Using getElementById: ");
            document.write(document.getElementById('Button1').title);
 
            document.write("<br /><br />");
       // Two ways to assign title
 
            //   1. GetElementById
            mySecondButton = document.getElementById('Button2');
            mySecondButton.title = "Revised Title for Button2";
            document.write("<br />title changed: ", mySecondButton.title);
 
       //   2. GetElementsByTagName      
            myThirdButton = document.getElementsByTagName('input')[2];
            myThirdButton.title = "Revised Title for Button3";
            document.write("<br />title changed: ", myThirdButton.title)
 
</script>
 
  </body>
</html>