getElementById和getElemensByName的区别

最新推荐文章于 2023-11-03 10:06:08 发布

周二也被占用

最新推荐文章于 2023-11-03 10:06:08 发布

阅读量1.4k

点赞数

分类专栏： Javascript

本文链接：https://blog.csdn.net/u011350541/article/details/49307265

版权

Javascript 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

今天下午因为这两个元素的取值出了点小问题

大多数情况下是使用getElementById('').value来获取相应元素的值的。

但是我用struts2时，每个页面的id是不一样的，因此在读取提交表单的元素时，使用getElementByName更好一点

细心点的话就会发现上面的一个方法写错了，应该是getElementsByName,因为name不是唯一的，因此是elements

同时拿到的也是一个数组，因此正确的写法是getElementsByName[0].value，即获得第一个name为xx的元素的值。

下面是网络上拿到的例子：

<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>
</head>
<body>
<form name="form1">
<input id="tx" type="text" name="text1" value="66666" width="50px">
<input type="button" value="button1" name="button1" οnclick="test()"/>
<input type="button" value="button2" name="button2" οnclick="test2()"/>
</form>
</body>
</html>