解答一
childNodes 這個(gè)方法基本沒法用，存在嚴(yán)重的瀏覽器兼容性問題，里面可能包含了很多沒用的空節(jié)點(diǎn)，所以你用childNodes(索引)獲取元素是不對的。
table中獲取tr、td等還是挺方便的像這樣：
tr=tbs.rows[索引]
td=tbs.rows[索引].cells[索引]
tbody=tbs.rows[0].parentNode
如果要獲取td里面沒有id的元素比如input那只能用這個(gè)方法：
var list=tbs.rows[索引].cells[索引].getElementsByTagName('input');
input=list[索引]

解答二
firefox下面，使用childNodes獲取節(jié)點(diǎn)，它會將空格符、回車符、換行符也看做一個(gè)文本節(jié)點(diǎn)，
解決方案：
1.火狐下面要利用nodeType來過濾掉這些無用的節(jié)點(diǎn)。 Java代碼?? function show(n){var rows=[];var one = document.getElementByIdx_x('one_1').parentNode.childNodes;for(i=0;i<one.length;i++){if(one[i].nodeType==1 && one[i].tagName){rows.push(one[i]);}}rows[1].style.background='green';} nodeType==1的時(shí)候表名它是一個(gè)對象節(jié)點(diǎn)。


2.獲取節(jié)點(diǎn)時(shí)getElementsByTagName取代childNodes Java代碼

//只支持IE，childNodes的長度在firefox不一樣 ??

//?node1.childNodes[0].getElementsByTagName("input")[1].checked?=true; ??

//?node2.childNodes[0].getElementsByTagName("input")[1].checked?=true; ??

//只支持全部瀏覽器 ??

??node1.getElementsByTagName("td")[0].getElementsByTagName("input")[1].checked?=true; ??

????node2.getElementsByTagName("td")[0].getElementsByTagName("input")[1].checked?=true; ?

轉(zhuǎn)載于:https://www.cnblogs.com/xjt360/p/4028027.html

總結(jié)

以上是生活随笔為你收集整理的childnodes 兼容性问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。