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代码段：
1 ......
2     <logic:iterate id='t' name='dataList' >
3         <tr class='list'> 
4             ......
5             <td class='normal'><span name='tbc'>${t.LOWAREATS_TBC }</span></td>
6             ......
7         </tr>
8     </logic:iterate>
9 ......

    javascript 代码段：

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

 

posted @ 2014-09-28 14:47  Mick Woo  阅读(511)  评论(0)  编辑  收藏  举报