可以在其他浏览器中通过使用 document.getElementsByName('test')[0] 来获取，但在 IE 中却不行，得到的将是 undefined。

使用 document.getElementsByName 方法获取页面内的元素时，在 IE6 IE7 IE8 中的 name 是大小写不敏感的。

源代码

var reliableGetByName = true;

// IE6/7/8(Q)有id和name混淆的问题， IE6/7/8有不能获取非form和不区分大小写的问题

(function () {

 var div = document.createElement('div');

 var expando = 'selector-' + new Date().getTime();

 document.body.appendChild(div).name = expando;

 reliableGetByName = !document.getElementsByName(expando.toUpperCase()).length;

 document.body.removeChild(div);

 div = null;

})();

function getElemensByName(name, context) {

context = context || document;

var seeds;

// 只有document有这个方法

if (reliableGetByName && context.getElementsByName) {

 seeds = context.getElementsByName(name);

 }

 else {

 seeds = context.getElementsByTagName('*');

 }

var results = [];

 var elem;

for (var i = 0, len = seeds.length; i !== len && (elem = seeds[i]) != null; i++) {

 if (elem && elem.nodeType === 1 && elem.getAttribute('name') === name) {

 results.push(elem);

 }

 }

return results;

}

具体思路

1.判断浏览器是否支持getElementsByName函数

先生成一个div，给div加一个name = 随机串，如果可以找到，就说明是IE9+;找不到就是IE8-,还有一种方法是利用IE6/7/8不区分大小写判断的。

 var reliableGetByName = true;

// IE6/7/8(Q)有id和name混淆的问题， IE6/7/8有不能获取非form和不区分大小写的问题

(function () {

 var div = document.createElement('div');

 var expando = 'selector-' + new Date().getTime();

 document.body.appendChild(div).name = expando;

 reliableGetByName = !document.getElementsByName(expando.toUpperCase()).length;

 document.body.removeChild(div);

 div = null;

})();

2.在context中找name为name的所有元素，返回一个数组

function getElemensByName(name, context) {

context = context || document;

var seeds;

if (reliableGetByName && context.getElementsByName) {

 seeds = context.getElementsByName(name);

 }

 else {

 seeds = context.getElementsByTagName('*');

 }

3.判断elem存在，elem.nodeType=== 1 是元素，然后elem.name 是给的name

var results = [];

 var elem;

for (var i = 0, len = seeds.length; i !== len && (elem = seeds[i]) != null; i++) {

 if (elem && elem.nodeType === 1 && elem.getAttribute('name') === name) {

 results.push(elem);

 }

 }

return results;

}

分析

以上代码可以解决四个问题：

1、IE67混淆id和name

2、IE678不能获取非表单元素

3、IE678忽略大小写

4、只有document.getElementByName而没有elem.getElementByName的问题