document.getElementsByName在IE和标准浏览器的区别_JS、jQ、TS_我爱模板网 - 提供下载各种免费建站资源，免费网站模板，免费网页特效，让你爱上建站！

document.getElementsByName在IE和标准浏览器的区别

来源：未知作者：类型：图文教程点击次数：发布时间：2017-02-06 10:33:47

getElementsByName(val)方法是获取页面中所有具有name属性的值为val的元素，但这个方法在IE与标准浏览器中所取到的内容不一样。

在IE中getElementsByName(val)方法所取到的元素是其本身就自带有name属性也就是form表单中所列出的所有元素（这些元素本身就自带有name属性）；

标准浏览器中getElementsByName(val)方法所取到的元素是具有name属性的元素（本身就带有此属性以及人为添加的此属性）。

请分别在IE和其他标准浏览器测试下面的代码：

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试document.getElementsByName - 我爱模板网 www.5imoban.net</title> </head> <body> <input type="text" name="user" value="input含有name"> <div name="user">div含有name</div> <script> var aName = document.getElementsByName("user"); alert("共获取了"+aName.length+"个元素"); </script> </body> </html>
提示：您可以先修改部分代码再运行

所以如果在IE浏览器中用此方法来获取页面中所有带有name的元素时，只能取出其自身本来就具有此属性的那些元素（表单类元素）而那些人为添加的name属性元素则不会被取出来；标准浏览器则不会这样，它会将页面中所有带name属性的元素全部取出。