<
html
>
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" />
< style type ="text/css" > ...
<!--
a{...}{
text-decoration: none;
color: #000000;
}
-->
</ style >
</ head >
< form action ="" method ="post" name ="form1" >
< table width ="80%" border ="1" align ="center" cellpadding ="0" cellspacing ="0" >
< tr >
< td width ="20%" > input1 </ td >
< td width ="30%" >< input type ="text" name ="input1" id ="input1" /></ td >
< td width ="18%" > input2 </ td >
< td width ="32%" >< input type ="text" name ="input2" id ="input2" /></ td >
</ tr >
< tr >
< td > input3 </ td >
< td >< input type ="text" name ="input3" id ="input3" /></ td >
< td > input3 </ td >
< td >< input type ="text" name ="input3" id ="input3" /></ td >
</ tr >
< tr >
< td align ="center" >< input type ="checkbox" name ="checkbox" id ="checkbox" />
黑
< input type ="checkbox" name ="checkbox" id ="checkbox2" />
白 </ td >
< td colspan ="2" align ="center" > </ td >
< td align ="center" > </ td >
</ tr >
< tr >
< td align ="center" > 方法 </ td >
< td colspan ="2" align ="center" > 备注 </ td >
< td align ="center" > 存在相同input时(input3) </ td >
</ tr >
< tr >
< td >< a href ="####" onClick ="alert(document.form1.input1.value);" > (document.)form1.input1.value </ a ></ td >
< td colspan ="2" > 呵呵,最常用的。(document.)可以省去 </ td >
< td > undefined </ td >
</ tr >
< tr >
< td >< a href ="####" onClick ="alert(document.all.input1.value);" > document.all.input1.value </ a ></ td >
< td colspan ="2" > 同上 </ td >
< td > undefined </ td >
</ tr >
< tr >
< td >< a href ="#" onClick ="alert(document.getElementById('input1').value);" > document.getElementById('input1').value </ a ></ td >
< td colspan ="2" > ID名可以动态合成,适合ID名规则变化的 </ td >
< td > 返回第一个input的值 </ td >
</ tr >
< tr >
< td >< a href ="#" onClick ="alert(document.getElementsByName('input3')[0].value);" > document.getElementsByName( " input3 " )[0].value </ a ></ td >
< td colspan ="2" > 返回相同 名字 控件的数组 </ td >
< td > </ td >
</ tr >
< tr >
< td >< a href ="#" onClick ="alert(document.getElementsByTagName('input')[0].value);" > document.getElementsByTagName('input')[0].value </ a ></ td >
< td colspan ="2" > 返回相同 类型 控件的数组 </ td >
< td > </ td >
</ tr >
< tr >
< td >< a href ="###" onclick ="alert(document.getElementsByTag('table'));" > document.getElementsByTag('input')[0].value </ a ></ td >
< td colspan ="2" > ??? </ td >
< td > </ td >
</ tr >
< tr >
< td > </ td >
< td colspan ="2" > </ td >
< td > </ td >
</ tr >
< tr >
< td > </ td >
< td colspan ="2" > </ td >
< td > </ td >
</ tr >
< tr >
< td > </ td >
< td colspan ="2" > </ td >
< td > </ td >
</ tr >
< tr >
< td > </ td >
< td colspan ="2" > </ td >
< td > </ td >
</ tr >
</ table >
</ form >
</ html >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" />
< style type ="text/css" > ...
<!--
a{...}{
text-decoration: none;
color: #000000;
}
-->
</ style >
</ head >
< form action ="" method ="post" name ="form1" >
< table width ="80%" border ="1" align ="center" cellpadding ="0" cellspacing ="0" >
< tr >
< td width ="20%" > input1 </ td >
< td width ="30%" >< input type ="text" name ="input1" id ="input1" /></ td >
< td width ="18%" > input2 </ td >
< td width ="32%" >< input type ="text" name ="input2" id ="input2" /></ td >
</ tr >
< tr >
< td > input3 </ td >
< td >< input type ="text" name ="input3" id ="input3" /></ td >
< td > input3 </ td >
< td >< input type ="text" name ="input3" id ="input3" /></ td >
</ tr >
< tr >
< td align ="center" >< input type ="checkbox" name ="checkbox" id ="checkbox" />
黑
< input type ="checkbox" name ="checkbox" id ="checkbox2" />
白 </ td >
< td colspan ="2" align ="center" > </ td >
< td align ="center" > </ td >
</ tr >
< tr >
< td align ="center" > 方法 </ td >
< td colspan ="2" align ="center" > 备注 </ td >
< td align ="center" > 存在相同input时(input3) </ td >
</ tr >
< tr >
< td >< a href ="####" onClick ="alert(document.form1.input1.value);" > (document.)form1.input1.value </ a ></ td >
< td colspan ="2" > 呵呵,最常用的。(document.)可以省去 </ td >
< td > undefined </ td >
</ tr >
< tr >
< td >< a href ="####" onClick ="alert(document.all.input1.value);" > document.all.input1.value </ a ></ td >
< td colspan ="2" > 同上 </ td >
< td > undefined </ td >
</ tr >
< tr >
< td >< a href ="#" onClick ="alert(document.getElementById('input1').value);" > document.getElementById('input1').value </ a ></ td >
< td colspan ="2" > ID名可以动态合成,适合ID名规则变化的 </ td >
< td > 返回第一个input的值 </ td >
</ tr >
< tr >
< td >< a href ="#" onClick ="alert(document.getElementsByName('input3')[0].value);" > document.getElementsByName( " input3 " )[0].value </ a ></ td >
< td colspan ="2" > 返回相同 名字 控件的数组 </ td >
< td > </ td >
</ tr >
< tr >
< td >< a href ="#" onClick ="alert(document.getElementsByTagName('input')[0].value);" > document.getElementsByTagName('input')[0].value </ a ></ td >
< td colspan ="2" > 返回相同 类型 控件的数组 </ td >
< td > </ td >
</ tr >
< tr >
< td >< a href ="###" onclick ="alert(document.getElementsByTag('table'));" > document.getElementsByTag('input')[0].value </ a ></ td >
< td colspan ="2" > ??? </ td >
< td > </ td >
</ tr >
< tr >
< td > </ td >
< td colspan ="2" > </ td >
< td > </ td >
</ tr >
< tr >
< td > </ td >
< td colspan ="2" > </ td >
< td > </ td >
</ tr >
< tr >
< td > </ td >
< td colspan ="2" > </ td >
< td > </ td >
</ tr >
< tr >
< td > </ td >
< td colspan ="2" > </ td >
< td > </ td >
</ tr >
</ table >
</ form >
</ html >
一、getElementsByName("aa") 取得具有name属性为aa的所有元素,返回的是数组
getElementsByTag 不知道
getElementsByTagName("select") 取得所有标签名为select的元素,返回的是数组
getElementsById("dd") 取得具有id属性为aa的元素,返回的是一个元素,如果id为aa的元素有好多的话则返回第一个
二、document.form["n1"].value