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

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

Syntax: AreaObject.title – Allows you to access title of an AreaObject

JavaScript (JS) title 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: 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
       //*****************************************************
 
 
       //*****************************************************
       //    ***    Area 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>