javascript - javascript 中的 .all 或 Jquery 中的 .all 替代品是什么

Question

您好，我有一个应用程序被兼容模式 IE-5 抑制。在该应用程序中，他们使用 javascript 中的 .all API 从 DOM 中获取特定元素，效果很好。但在 Windows 10 机器中，当我在 IE-11 浏览器中使用相同的应用程序时，它不支持 .all 。因此，请让我知道 .all 在 javascript 或 jquery 中的替代选项。

Examples:1

JSP:   

    <Table  id="testtable">
     <tr> </tr>
     <tr> </tr>
     <tr id="testrow">
      <td> <FONT size=1 face="Verdana, Arial"> 
          <INPUT class=list maxLength=12 size=3 name=prime1> 
          </FONT> Test Data1
     </td>
      <td> <FONT size=1 face="Verdana, Arial"> 
          <INPUT class=list maxLength=12 size=3 name=prime2> 
          </FONT> Test Data2
      </td>
      <td> <FONT size=1 face="Verdana, Arial"> 
           <INPUT class=list maxLength=12 size=3 name=prime3> 
          </FONT> Test Data3
      </td>
      <td> <FONT size=1 face="Verdana, Arial"> 
           <INPUT class=list maxLength=12 size=3 name=prime4> 
          </FONT> Test Data4
      </td>
      <td> <FONT size=1 face="Verdana, Arial"> 
           <INPUT class=list maxLength=12 size=3 name=prime5> 
           </FONT> Test Data5
      </td>
      <td> <FONT size=1 face="Verdana, Arial"> 
           <INPUT class=list maxLength=12 size=3 name=prime6> 
           </FONT> Test Data6
       </td>
     </tr>
    </Table>


Js:

function tablesample (tableId,rowId)
 {
 var tab = document.getElementById(tableId);
 var row = tab.rows(rowId);
 var tdc ;
 var count ;
 var colcount = row.cells.length;
 for(var i=2;i<colcount;i++)
  {
   tdc = row.cells[i];
   count = tdc.all.length; 
  } 
 }

}

当上面的js方法在到达tdc.all.length行时被触发；我遇到了一个问题“无法获取未定义或 null 的属性“长度””。它应该给出长度为 2，但事实并非如此。请帮我解决这个问题。

Answer 1

使用.children——所有浏览器都支持它，而.all特定于旧版本的IE。

MSDN 表示从 Internet Explorer 11 开始不支持它。

由于不支持，tdc.all 返回undefined。然后你执行undefined.length，这会给出错误Unable to get property "length"of undefined or null。