The getElementsByTagName Method


The getElementsByTagName Method

The getElementsByTagName method is a favorite method. This method returns an array of elements in a page that have a particular tag name (such as "P" ). You can see the support for this method in Table 6.26.

Table 6.26. The getElementsByTagName Method

Method

NS2

NS3

NS4

NS6

IE3a

IE3b

IE4

IE5

IE5.5

IE6

getElementsByTagName( tag )

     

x

     

x

x

x

 

Returns: Element array

We've put this method to work back in Chapter 4 in this example (it's Listing 04-11.html on the web site), where I'm searching for the text in an <INPUT> element:

 <HTML>      <HEAD>          <TITLE>              Accessing HTML Elements          </TITLE>          <SCRIPT LANGUAGE="JavaScript">              <!--             function getText()              {                  if(navigator.appName == "Netscape") {                  alert("document.form1.text1.value = " + document.form1.text1.value)                  alert("document.forms[0].text1.value = " + document.forms[0].text1.value)                  alert("document.getElementsByName(\"text1\")[0].value = "                      + document.getElementsByName("text1")[0].value)  alert("document.getElementsByTagName(\"INPUT\")[0].value = "   + document.getElementsByTagName("INPUT")[0].value)  }                  if (navigator.appName == "Microsoft Internet Explorer") {                  alert("document.form1.text1.value = " + document.form1.text1.value)                   alert("document.forms[0].text1.value = "                      + document.forms[0].text1.value)                  alert("document.all.text1.value = "                        + document.all.text1.value)                  alert("document.all[\"text1\"].value = "                        + document.all["text1"].value)                  alert("document.all.tags(\"INPUT\")[0].value = "                        + document.all.tags("INPUT")[0].value)                  alert("document.getElementsByName(\"text1\")[0].value = "                      + document.getElementsByName("text1")[0].value)  alert("document.getElementsByTagName(\"INPUT\")[0].value = "   + document.getElementsByTagName("INPUT")[0].value)   }  }              // -->          </SCRIPT>      </HEAD>      <BODY>          <H1>Accessing HTML Elements</H1>          <FORM NAME="form1">              <INPUT TYPE="TEXT" NAME="text1" ID="text1">              <INPUT TYPE="BUTTON" VALUE="Click Me!" ONCLICK="getText()">          </FORM>      </BODY>  </HTML> 


Inside Javascript
Inside JavaScript
ISBN: 0735712859
EAN: 2147483647
Year: 2005
Pages: 492
Authors: Steve Holzner

flylib.com © 2008-2017.
If you may any questions please contact us: flylib@qtcs.net