首頁  >  文章  >  web前端  >  IE中getElementsByName()對有些元素無效的解決方案_javascript技巧

IE中getElementsByName()對有些元素無效的解決方案_javascript技巧

WBOY
WBOY原創
2016-05-16 16:35:031279瀏覽

複製程式碼 程式碼如下:

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 UT 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;
//......逻辑代码
} 
......
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn