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

GetElementById Example JavaScript (JS)

Description: Illustrates the JavaScript syntax for the GetElementById Method .

Syntax: getElementById("objectid") – Allows you to access the first object with the specified id

GetElementById 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: getElementById() </title>
    <!-- 
    ***************************************************
    * This example is from http://idealprogrammer.com *
    ***************************************************
    -->
 
    <script type="text/javascript">
        //*****************************************************
        // DOM Document
        //*****************************************************
 
 
        //*****************************************************
        //    ***    Document Object Methods   ***
        //*****************************************************
 
        //*****************************************************
        // getElementById()
        //*****************************************************
 
        //    SYNTAX:
        //    getElementById()      Allows you to access the first object with the specified id
        //
 
 
 
        function retrieveText() {
            var x = document.getElementById("myDiv")
            TextArea1.value = x.innerHTML
        }
</script>
   </head>
  <body>
  <div id="myDiv" onclick="retrieveText()">Click on this text to see it magically appear in textbox</div>
  <br /> <br />
 
      <textarea id="TextArea1" cols="35" rows="3"></textarea>
  </body>
</html>