javascript中getElementsByName和getElementById的区别
2011-07-20 13:51
405 查看
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function test(){
document.forms[0].button2.click();
}
function test2(){
//document.form1.text1.value="999999";
//alert(document.getElementById("tx").value)
alert(document.getElementsByName("text1")[0].value);
}
</script>
<title>无标题文档</title>
</head>
<body>
<form name="form1">
<input id="tx" type="text" name="text1" value="66666" width="50px">
<input type="button" value="button1" name="button1" onclick="test()"/>
<input type="button" value="button2" name="button2" onclick="test2()"/>
</form>
</body>
</html>
如上所示:
document.getElementsByName得到的是一个数组,而document.getElementById得到的是唯一的元素;要通过document.getElementsByName得到某一特定的元素,
并须加上下标:document.getElementsByName("text1")[0] 得到第一个name值为text1的元素。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function test(){
document.forms[0].button2.click();
}
function test2(){
//document.form1.text1.value="999999";
//alert(document.getElementById("tx").value)
alert(document.getElementsByName("text1")[0].value);
}
</script>
<title>无标题文档</title>
</head>
<body>
<form name="form1">
<input id="tx" type="text" name="text1" value="66666" width="50px">
<input type="button" value="button1" name="button1" onclick="test()"/>
<input type="button" value="button2" name="button2" onclick="test2()"/>
</form>
</body>
</html>
如上所示:
document.getElementsByName得到的是一个数组,而document.getElementById得到的是唯一的元素;要通过document.getElementsByName得到某一特定的元素,
并须加上下标:document.getElementsByName("text1")[0] 得到第一个name值为text1的元素。
相关文章推荐
- 【资料整理】Javascript中getElementsByName()和getElementById()的区别和用法
- getElementById Vs getElementsByName(Javascript)细说HTML元素的ID和Name属性的区别
- javascript getElementByID,getElementsByName,getElementsByTagName的区别
- document.getElementById与getElementsByName的区别(JavaScript)
- getElementById Vs getElementsByName(Javascript)细说HTML元素的ID和Name属性的区别
- getElementById Vs getElementsByName(Javascript)细说HTML元素的ID和Name属性的区别
- JavaScript 之 getElementByID() getElementsByName() getElementsByTagName()的区别
- getElementById Vs getElementsByName(Javascript)细说HTML元素的ID和Name属性的区别
- 【转】document.getElementById与getElementsByName的区别(JavaScript)
- getElementById Vs getElementsByName(Javascript)细说HTML元素的ID和Name属性的区别
- getElementById Vs getElementsByName(Javascript)细说HTML元素的ID和Name属性的区别
- getElementById与getElementsByName 与getElementsByTagName的区别总结
- document.getElementsByName()与 document.getElementById()、document.getElementsByTagName()的区别
- document.getElementsByName和document.getElementById的区别
- getElementById(), getElementsByName(), and getElementsByTagName()使用与区别
- getElementById() , getElementsByName() 和 getElementsByTagName()的区别
- getElementById getElementsByName的用法与区别
- getelementbyid, getelementsbyname, getelementsbytagname 的区别和总结
- javascript 如何正确使用getElementById,getElementsByName(), and getElementsByTagName()
- getElementsByName和getElementById的区别、用法