获得网页控件方法大全 (1)

编写JS的时候,总会调用的网页上的控件,今天有心情,把获得网页上的控件方法写了下,有不足,请补充.
一般我喜欢使用:document.getElementById()和document.all().现在觉得document.all.*比较不错!
关于其更深一步的原理暂不清楚,希望有明白的人给个深入讲解的链接!!

本帖以获得页面的text文本为例,获得控件后为其赋值为"你好!"

%26lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"%26gt;
%26lt;html xmlns="http://www.w3.org/1999/xhtml"%26gt;
%26lt;head%26gt;
%26lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /%26gt;
%26lt;title%26gt;获得网页控件的方法大全%26lt;/title%26gt;
%26lt;script language="javascript"%26gt;
function AXzhz()
{
//

//
document.getElementById("AX").value="你好!" ;
//document.all("AX").value="你好!";
//document.all.AX.value="你好!";
//不成功 document.AX.value="你好!";

//document.body.all("AX").value="你好!";
//document.body.all.AX.value="你好!";
//不成功 document.body.getElementById("AX").value="你好!";

//formid.AX.value="你好!";
//不成功 formid.getElementById("AX").value="你好!";
//不成功 formid.all.getElementById("AX").value="你好!";
//formid.all.AX.value="你好!";
//formid.all("AX").value="你好!";

//
//document.getElementsByName("textfield")[0].value="你好!";
//不成功 formid.all.getElementsByName("textfield")[0].value="你好!";
//不成功 formid.getElementsByName("textfield")[0].value="你好!";

//
//document.getElementsByTagName("td")[1].innerHTML="你好!";
}
%26lt;/script%26gt;
%26lt;/head%26gt;
%26lt;body%26gt;
%26lt;form id="formid"%26gt;
%26lt;table width="200" border="1"%26gt;
%26lt;!--title是鼠标在上面的时候出现的提示--%26gt;
%26lt;tr title="快啊快啊!!" %26gt;
%26lt;td bgcolor="#FF9933"%26gt;你点我啊!!%26lt;br%26gt;
%26lt;INPUT TYPE="text"value="根据标签测试时使用,请仔细观察结果!"%26gt;
%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td bgcolor="#0099FF"%26gt;%26lt;p%26gt;AXzhz制作%26lt;br/%26gt;
%26lt;input type="text" name="textfield" value="我要给这个文本框赋值!" id="AX"/%26gt;
%26lt;/td%26gt;%26lt;/p%26gt;
%26lt;/tr%26gt;
%26lt;/table%26gt;
%26lt;/form%26gt;
%26lt;/body%26gt;
%26lt;/html%26gt;

%26lt;SCRIPT%26gt;
function fnGetNames(){
// Returns a collection with 2 INPUT type=text elements.
var aInput=document.getElementsByName("firstName");
document.all.AX.value=aInput[0].value+aInput[1].value;

}
%26lt;/SCRIPT%26gt;
%26lt;INPUT TYPE="text" id="AX"%26gt;
%26lt;INPUT TYPE="text" NAME="firstName"%26gt;
%26lt;INPUT TYPE="text" NAME="firstName"%26gt;
%26lt;INPUT TYPE="button" VALUE="Get Names" %26gt;

%26lt;SCRIPT%26gt;
function AXzhz()
{
var aSpans = oDiv.getElementsByTagName("SPAN");
document.all.AX.value=aSpans[1].innerHTML;
}
%26lt;/SCRIPT%26gt;
%26lt;input name="text" type="text" id="AX" width="400px"%26gt;
%26lt;DIV id="oDiv"%26gt;%26lt;label %26gt;你点我啊!%26lt;/label%26gt;%26lt;br%26gt;
%26lt;SPAN%26gt;Immediate Child
%26lt;DIV%26gt;
%26lt;SPAN%26gt;Child of Child DIV
%26lt;INPUT TYPE="text" NAME="firstName" value="AX制作!"%26gt;
%26lt;/SPAN%26gt;
%26lt;/DIV%26gt;
%26lt;/SPAN%26gt;
%26lt;/DIV%26gt;

http://www.cnblogs.com/AXzhz/archive/2006/09/01/492427.html