javascript - document.head 诉 document.getElementsByTagName ("head")[0]

Question

使用 document.head 和使用 document.getElementsByTagName("head")[0] 有什么区别？我运行的测试表明它们都需要大约一毫秒。

我也看到了

document.head||document.getElementsByTagName("head")[0];

这会让我相信 document.head 更快，而另一个更兼容， 除了我所做的测试证明了这一点。

如果一个更兼容，为什么还要使用另一个？

更新:正如一些人所指出的，我的测试是错误的。

Answer 1

像这样使用 || 运算符是一种特征检测形式。使用时，如果第一个值未定义，它会发回后一个值。

所以对于

document.head || document.getElementsByTagName("head")[0];

原因是如果不支持 document.head 至少返回正确的值。

至于你的速度测试，一毫秒是很长的时间。我怀疑它真的花了那么长时间。事实上，我做了一个 jsPerf 为此。它表明 getElementsByTagName 函数大约慢了 80%。