迹忆客 专注技术分享

当前位置:主页 > 学无止境 > WEB前端 > HTML >

HTML5 document.head DOM 树访问器

作者:迹忆客 最近更新:2023/05/09 浏览次数:

一个鲜为人知的 HTML5 JavaScript 好东西是 document.head DOM 树访问器,它比 document.getElementsByTagName('head')[0] 更有效(也更容易输入)。

文档的 head 元素是作为 html 元素子元素的第一个 head 元素(如果有的话),否则为 null。 获取 head 属性时,必须返回文档的 head 元素(head 元素或 null)。

document.head 的原生支持很容易检测到:

if (document.getElementsByTagName('head')[0] === document.head) {
    // Native support
}

模拟它也非常简单。 只需将以下代码片段放入我们的 JavaScript 代码中:

document.head = document.head || document.getElementsByTagName('head')[0];

如果你不关心 JSLint 对你的代码发出嘘声,你也可以这样做(效率稍微高一些):

document.head || (document.head = document.getElementsByTagName('head')[0]);

在那之后,继续使用你想要的 document.head :)

转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

Bulletproof HTML5 <details> 使用 jQuery 回退

发布时间:2023/01/11 浏览次数:66 分类:HTML

HTML5 details 元素目前不受 Chrome 12 及更高版本原生支持的任何浏览器的原生支持。 这使得猜测这个新元素的确切行为有点困难,但阅读规范给了我们一个很好的主意。 清楚的是: detai

HTML5 使用的三个层次

发布时间:2023/01/11 浏览次数:65 分类:HTML

级别 1:它只是工作 HTML5 规范是在考虑向后兼容性的情况下编写的(并且仍在编辑中)。 HTML5 中有一些新功能已经可以在每个 A 级浏览器中使用,因此现在可以使用,不需要任何奇怪的

HTML5 的 XML 序列化,又名“XHTML5”

发布时间:2023/01/11 浏览次数:148 分类:HTML

你知道的,我总是更喜欢 HTML 而不是 XHTML ,因为它不那么冗长,而且我喜欢让事情变得简单。 真实的故事。 但这并没有阻止我想知道究竟是如何触发 HTML5 的 XML 模式的让我们从现在起

id 属性在 HTML5 中变得更加优雅

发布时间:2023/01/08 浏览次数:130 分类:HTML

HTML5 带来的更微妙但更棒的变化之一,适用于 id 属性。 HTML 4.01 和 HTML5 中的 id 有何不同 HTML 4.01 规范规定 ID 令牌必须以字母 ([A-Za-z]) 开头,后面可以跟任意数量的字母、数字 ([0-9]) 、

图片上传——html5+PHP实现无刷新上传

发布时间:2015/12/22 浏览次数:2025 分类:PHP

本篇介绍一种全新利用PHP上传图片的方式,利用html5的FileReader,读取图片文件,然后将数据传输到服务器再使用PHP进行处理。

扫一扫阅读全部技术教程

社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便