Internet Explorer 11:table.rows无法正常工作

时间:2017-11-06 19:01:06

标签: javascript internet-explorer html-table internet-explorer-11 tablerow

我已经在Google Chrome / Firefox上使用了这种茉莉花测试套装(以及曾经使用过Internet Explorer):

http://gem-calendar.com/shared_code/test/js_test/control_utilities_test.html

今天添加新测试后,我意识到以下代码行(Dreamweaver中的571)不再使用Internet Explorer 11:

class Product extends Model
{
    public $table = 'product';
    public $timestamps = false;

Error javascript : Unable to get property 'cells' of undefined or null reference

当我用var table = document.getElementById('LOG_TABLE'); var length = table.rows[0].cells.length; 打印表变量时,我可以看到IE能够获取表,但不能找到表中的行。

Developer tools IE 11

但是,Chrome的一切都很好:

Developer tools Google Chrome

和firefox:

Developer tools Firefox

我非常困惑,因为console.log()在javascript中是一个非常标准的功能,而且似乎在其他地方也没有类似的问题。

有没有人遇到过类似的问题?

1 个答案:

答案 0 :(得分:1)

哇伙计们,不管你信不信,这是导致问题的CSS文件。

table.TABLE_V_SCROLL>tbody, div.TABLE_V_SCROLL>div.tbody {

    display: block;
}

table.TABLE_V_SCROLL>thead, div.TABLE_V_SCROLL>div.thead {

    display: table;
}

似乎Internet Explorer 11不了解我们为表设置了display属性。

现在的问题是我的代码需要这些行才能在Google Chrome上运行-_-...