Javascript 检查是否支持CSS属性

我尽量避免使用Modernizer，因为它非常庞大，我看到大多数人都使用这样的代码：

var div = document.createElement('div');
if(div.style['transform'])...

但是，是否真的需要创建一个新元素来测试其属性，或者我可以只使用“document.documentElement.style”对象

---

当我必须测试多个属性时，它会更短。但我不知道它是否能在我无法测试的浏览器上运行。

我未压缩的modernizr.js文件是10K，它可以压缩到4K。是的，但这仍然远远不止几个字节。而且，支持代码不会因为针对旧浏览器而改变，这是一个比例问题。您的大多数图像都将大于4k甚至10K。Modernizer可以工作，与大多数其他东西相比，它很小……但这是你们的决定。但我不再使用图像，它们的缩放效果不好。假设10倍的功能检测代码大小增益并不重要，那么Modernizer比我的代码有什么好处？为什么不构建一个定制的Modernizer，只包含您需要的测试，而不是进行所有测试？我只抓取了10个随机测试，我的Modernizer版本是3.12k。要回答你之前评论中的问题，好处是不要重新发明轮子，站在那些已经完成这些测试的巨人的肩膀上。

var s = document.documentElement.style;
if('transform' in s)...