javascript 中 getElementsByName和getElementById的使用。

最新推荐文章于 2021-07-12 22:54:26 发布

脚指头

最新推荐文章于 2021-07-12 22:54:26 发布

阅读量938

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/ytbksoft/article/details/27824399

版权

JavaScript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

在web开发中我们很多时候会用到获取html页面或者jsp或者aspx页面的控件，获取数据进行验证也好其他处理也好，这时候我会用到document.getElementsByName和document.getElementById的使用。

document.getElementsByName 是获取页面中指定name属性的控件集合。

document.getElementById是获取指定id属性的控件。

        分别的使用方法
1,
function checkinput()
{
	alert(document.getElementsByName("userName")[0].value);
	if (document.getElementsByName("userName")[0].value=="") 
	{
		alert("用户名不能为空！");
		return false;
	}
	return true;
}
遍历getElementsByName如下：

var list = document.getElementsByName('userName'),
oL = list.length,
listValue = "";
for(var k=0;k<oL;k++){
listValue=listValue+list[k].value+"  ";
}
alert(listValue);

2,
function getvalue(){
  alert(document.getElementById("login_userName").value);
}