用什么代替 document.all

Question

我有一些 JavaScript 函数，其中包含如下代码：

if (document.all)
{ document.getElementById('subrow').style.display = 'block'; }
else
{ document.getElementById('subrow').style.display = 'table-row'; }

IE 11 为 document.all 返回 false，因此上述代码不再有效，但我需要它适用于早期版本的 IE 以及 IE 11 和其他浏览器。

我怎样才能做到这一点？早期版本的IE看不懂table-row所以要能区分。

Answer 1

不要使用特征检测。

正如您所发现的，尝试使用间接测试（例如检查 document.all）来检测浏览器是非常不可靠的。最佳做法是use feature detection, not browser detection。

相反，如果您想知道是否支持table-row，您可以直接检查。这使您的代码更具可移植性，因为它不会将其绑定到特定版本。这是基于Modernizr display test for table layout 的一种方法：

function isTableRowSupported() {
    try {
        var style = document.createElement("div").style;
        style.display = 'table-row';
        return style.display == 'table-row';
    } catch (e) {
        return false;
    }
}

jsFiddle demo

Answer 2

您可以使用并检查"ActiveXObject" in window，这将适用于所有 IE 版本。

document.all 是（！）快速检查它是否是 IE。

所以：

if ("ActiveXObject" in window)
{ document.getElementById('subrow').style.display = 'block'; }
else
{ document.getElementById('subrow').style.display = 'table-row'; }

Answer 3

如果您想检查 IE，而不是 document.all，请这样做：

if(/msie|trident/i.test(navigator.userAgent)){
   document.getElementById('subrow').style.display = 'block';
} else {
   document.getElementById('subrow').style.display = 'table-row';
}

注意：Trident是IE的渲染引擎，IE的所有版本都可以使用。