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

GetElementsByTagName Example JavaScript (JS)

Description: Illustrates the JavaScript syntax for the GetElementsByTagName Method .

Syntax: getElementsByTagName("elementTagName") – Provides access to a collection of objects with the specified tagname

GetElementsByTagName 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: getElementsByTagName() </title>
    <!-- 
    ***************************************************
    * This example is from http://idealprogrammer.com *
    ***************************************************
    -->
 
    <script type="text/javascript">
        //*****************************************************
        // DOM Document
        //*****************************************************
 
 
        //*****************************************************
        //    ***    Document Object Methods   ***
        //*****************************************************
 
        //*****************************************************
        // getElementsByTagName()
        //*****************************************************
 
        //    SYNTAX:
        //    getElementsByTagName("tagName") - Provides access to a 
        //    collection of objects with the specified tagname
 
        function getText(elementTagName) 
        {
            var arr = new Array();
            arr = document.getElementsByTagName(elementTagName);
            var str = "total elements with name \"input\" = " + arr.length + "<br />";
            for (var i = 0; i < arr.length; i++) 
            {
                var myElement = document.getElementsByTagName(elementTagName).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('input')" />
 
 
 
  </body>
</html>