javascript - 为什么要创建 HTML 元素模式化器？

Question

几天前我在modenizer中看到了以下代码，我很好奇，为什么要做这样的事情，看看:

mod = 'modernizr',
modElem = document.createElement(mod),
mStyle = modElem.style,

现在 HTML 中没有名为 modernizr 的元素，那么为什么要首先创建这样一个元素呢？这是在 modenizer 顶部的全局声明中完成的。

为什么在 modenizer 中要做这样的事情？具体目的是什么？

如果您深入了解 modenizer，您会发现 mStyle 在某些函数中的使用方式如下:

function testProps( props, prefixed ) {
    for ( var i in props ) {
        var prop = props[i];
        if ( !contains(prop, "-") && mStyle[prop] !== undefined ) {
            return prefixed == 'pfx' ? prop : true;
        }
    }
    return false;
}

注意检查 mStyle[prop] !== undefined 。

那么回到我的问题，为什么要创建一个元素modenizer？

Answer 1

他们正在测试浏览器是否支持 custom elements 的生成以及创建时生成多少个属性