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

dir Example JavaScript (JS)

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

Syntax: object.dir="rtl" or "ltr" – Allows you to retrieve or assign direction of text for an element.

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