IE中getElementsByName()对有些元素无效的解决方案

174 阅读 0 评论 115 点赞

我是靠谱客的博主炙热酒窝，最近开发中收集的这篇文章主要介绍IE中getElementsByName()对有些元素无效的解决方案，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

document.getElementsByName('someName') 返回一个节点列表（数组）

注意：在IE下有些节点是没有name 属性的，就是用document.getElementsByName获取不到的。只有下面的tag有name属性：
A, APPLET, attribute, BUTTON, EMBED, FORM, IMG, INPUT type=button, INPUT type=checkbox, INPUT type=file, INPUT type=hidden, INPUT type=image, INPUT type=password, INPUT type=radio, INPUT type=reset, INPUT type=submit, INPUT type=text, LINK, MAP, OBJECT, RT, RUBY, SELECT, TEXTAREA

其他都没有，比如 div，span等

替代方案：

前提：假定获取的节点数组的TagName一致。（一般也很少出现获取的节点数组中的节点来自不同Tag）

JSP代码段：

......
<logic:iterate id='t' name='dataList' >
<tr class='list'> 
......
<td class='normal'><span name='tbc'>${t.LOWAREATS_TBC }</span></td>
......
</tr>
</logic:iterate>
......

javascript 代码段：

...... 
var tbcList = document.getElementsByTagName('span');
for(var i = 0; i < tbcList.length ; i++) {
if(tbcList[i].name != 'tbc' ) continue;
//......逻辑代码
} 
......