getElementsByName的使用

以前用getElementByName，有时可以用，有时不可以用，今天查了下资料，发现是这样的，具体我结合例子说明下：
下面例子中，在FF中可以显示2，2而在IE中则显示2，0，原因如下：
对于有默认name属性的元素来说，FF和IE都可以识别其name属性，如表单控件;而对于没有默认name属性的元素来说，如div，FF认而IE却不认。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
		<title>getElmentByName的使用</title>
		<script language="JavaScript" type="text/javascript">
			window.onload = function(){
				var arrRadio = document.getElementsByName("radioGroup");
				alert("表单单选按钮个数：" + arrRadio.length);	
				var arrDiv = document.getElementsByName("divGroup");
				alert("名为divGroup的层个数：" + arrDiv.length);
			}
		</script>
	</head>
	<body>
		<form>
			<div><label>男</label><input type="radio" name="radioGroup" checked="checked" />
			<div><label>女</label><input type="radio" name="radioGroup" /></div>
		</form>
		<div name="divGroup">我是div1</div>
		<div name="divGroup">我是div2</div>
	</body>
</html>

提示：您可以先修改部分代码再运行，对于jquery等代码需要运行后刷新一次

上一篇：js实现cookie的删除获取与添加

下一篇：我的练习：简易拖动层

留下脚印压缩包密码:sosuo8

全部评论:

申明:本站部分文章来自网络,由于各种原因对文章的来源无从考究,如果您是“ getElementsByName的使用 ”的原作者，若侵犯您的版权,请与我联系!在此请您原谅我的幼稚和无知!联系方法：email:ahuinan@21cn.com QQ:106494262

感谢以下网友对网站提出的建议：
1、感谢“蓝树叶kiss”网友发现一个评论漏洞。(2009-2-28)
2、感谢“陈臣”对程序优化和seo方面的建议。(2009-3-18)

文章档案

作者：阿会楠
来源：搜索吧
日期：2007-11-2 10:11:00
点击：1274

网友投票(您觉得这篇文章怎样？)

请稍侯......

实用文章总结

文章阅读排行

随便看看

最新评论