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

GetElementsByName Example JavaScript (JS)

Description: Illustrates the JavaScript syntax for the GetElementsByName Method .

Syntax: getElementsByName("elementName") – Provides access to a collection of objects with the specified name

GetElementsByName 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: getElementsByName() </title>
    <!-- 
    ***************************************************
    * This example is from http://idealprogrammer.com *
    ***************************************************
    -->
 
    <script type="text/javascript">
        //*****************************************************
        // DOM Document
        //*****************************************************
 
 
        //*****************************************************
        //    ***    Document Object Methods   ***
        //*****************************************************
 
        //*****************************************************
        // getElementsByName()
        //*****************************************************
 
        //    SYNTAX:
        //    getElementsByName("name") - Provides access to a 
        //    collection of objects with the specified name
 
        function getText(elementName) 
        {
            var arr = new Array();
            arr = document.getElementsByName(elementName);
            var str = "total elements with name \"textinput\" = " + arr.length + "<br />";
            for (var i = 0; i < arr.length; i++) 
            {
                var myElement = document.getElementsByName(elementName).item(i);
                str+= myElement.id + " =  " + myElement.value + "<br />";
            }
            var AnotherDoc = document.open("text/html", "replace");
            AnotherDoc.write(str);
            AnotherDoc.close()
        }
 
 
</script>
   </head>
  <body>
   Text1: <input id="Text1" name="textinput" type="text" value="This" /><br />
   Text2: <input id="Text2" name="textinput" type="text" value="is" /><br />    
   Text3: <input id="Text3" name="textinput" type="text" value="cool" /><br />    
   <input id="Button1" type="button" value="submit" onclick="getText('textinput')" />
 
 
 
  </body>
</html>