The getElementsByTagName MethodThe 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
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> |