Question

我有以下 JavaScript 代码。

var myCellCollection = document.getElementById( myTbl ).cells;

这在 IE 中效果良好, 它返回一个表格单元格集。但相同的行返回 Firefox 中的“ 未定义 ” 。我使用 IE 9 和 Firefox 12 。

Answer 1

您应该使用 document. getEplementById (" MyTbl").getEplementsByTagName (td) ;

Answer 2

今天在移植一个更老的互联网探索者应用程序时陷入了这个困境。

Warning:
container.getElementsByTagName( tagname ) returns ALL the elements inside container that matches the query tagname.

Thus table.getElementsByTagName( td ) will return all td s including those of nested tables!
However table.cells doesn t do that (where implemented).

而且,显然,它不会匹配 < code>th 。因此这些单元格不在返回的收藏中, 导致如何解决相对于 td s 的顺序问题...

如果要将 DOM-order 中的 table. cells (返回 th 和 /code > 的预期功能舍姆,我写了以下简单功能:



function tableCells(t){
   if(t.cells) return t.cells; // use internal routine when supported
   for(var a=[], r=t.rows, y=0, c, x; t=r[y++];){
      for(c=t.cells, x=0; t=c[x++]; a.push(t));
   } 
   return a;
}


 另选 , 使用如果- else 包单返回到相同大小  exactly , 但上述 gzips 较小 。 PS : 我尝试了  conccaccatt  - 输入  accod. rows[X]. ells , 但效果不佳( 虽然我感觉不安全) 


Usage example:

var identifier = tableCells( /*reference to table (or thead/tbody/tfoot) here*/ );

It will return an array (not a live collection) like the result from table.cells.     

希望这能帮到某人

友情链接