html5中可通过document.head获取head元素

最新推荐文章于 2024-12-10 17:05:23 发布
最新推荐文章于 2024-12-10 17:05:23 发布
阅读量589 收藏
点赞数
本文介绍了HTML5中新增的document.head属性，该属性提供了一种简便的方法来获取HTML文档的头部元素。此属性在现代浏览器如IE9及以上版本、Safari、Chrome、Firefox和Opera中得到支持，但在IE6至IE8中不受支持。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

今天，看一个国外网站发现人家获取head元素如下

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

后面的是我们常用的方式，前面的 document.head 着实第一次见。查资料发现原来是html5的东东。的确简单了，一个属性搞定。

当然，IE6/7/8不支持。IE9/Safari/Chrome/FF/Opera均支持（最新版本）。记录下。


html4中HTMLDocument接口如下

2011042516291897.png


html5中HTMLDocument接口如下

2011042516301848.png


相关：

http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-26809268

http://www.w3.org/TR/html5/dom.html#html-documents 

http://msdn.microsoft.com/en-us/library/gg593004%28v=VS.85%29 

html5小技巧之通过document.head获取head元素
09-28
HTML5中，通过document.head获取head元素是一个非常有用的技巧。在HTML5中，HTMLDocument接口提供了一个名为head的属性，可以直接获取head元素，而不需要使用传统的document.getElementsByTagName('head')[0]方法。 ...
深入探讨：JavaScript中的`document.head`与`document.body`属性
09-15
本文将详细探讨document.head与document.body的区别、它们的用途以及如何在实际开发中正确使用它们。 document.head和document.body是JavaScript中用于访问和操作HTML文档头部和主体的重要属性。它们在Web开发中的...
HTML5头部常用的<head>总结
小雪_的博客
03-23 433
【移动前端】需要了解的HTML5 head 头标签
leason的博客
10-31 2390
by：http://www.leasonlove.cn/ HTML的头部内容特别多，有针对SEO的头部信息，也有针对移动设备的头部信息。而且各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,有很多差异性。移动端的工作已经越来越成为前端工作的重要内容，除了平常的项目开发，HTML 头部标签功能，特别是meta，link等标签的功能属性显得非常重要。这里整理了一份  部分的清单，让大
Document常见方法属性
tdx03的博客
01-05 3638
在前端开发中，DOM（文档对象模型）扮演着重要的角色。它允许我们使用JavaScript来与网页文档进行交互，实现动态的网页效果。DOM的核心部分之一就是Document对象，它代表了整个HTML文档。在本篇博客中，我们将深入探讨Document对象，包括它的属性、方法以及如何使用它来操纵网页内容。Document对象是DOM的根节点，代表整个HTML文档。通过Document对象，您可以访问和操纵HTML文档的各个部分，包括元素、属性、文本内容等。属性方法解释通过元素的id属性获取元素。
javascript选择父亲、儿子、兄弟节点
刘璐菲
06-02 5134
1.Html文档，其中包括id 为myself的节点，以这个节点为基础 去寻找，它的父亲节点，儿子节点，哥哥节点（上一个同级节点），弟弟节点（下一个同级节点） <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="./test.js" type="text/javascript" charset="utf-8
JS DOM总结
一个减肥的小胖子
01-17 910
目录 DOM的定义 DOM树 DOM树的定义 为什么会是树形结构 根节点 节点对象 节点三大属性 DOM的操作流程 DOM查找    不需要查找可直接获取的元素     按HTML查找     按节点关系查找     按选择器查找      遍历节点 DOM查找总结 修改         内容         属性         样式 添加 删除 替换...
document.head:CommonJS 的 document.head polyfill
06-12
CommonJS 的 document.head 垫片 这需要并将其放入 CommonJS。 使用 npm 安装它： npm install document.head 然后将它与 Browserify 或 Webpack 一起使用： var head = require ( 'document.head' ) ; head . ...
document.getElementById获取控件对象为空的解决方法
12-04
在上述问题中，主要讨论了如何正确地使用 `document.getElementById` 方法来获取页面中的元素对象，特别是在页面加载过程中的时机问题。 首先，`document.getElementById` 是JavaScript中的一个函数，它用于根据...
HTML~getElementsByTagName
阿福的专栏
05-12 1663
getElementsByTagName() 方法可返回带有指定标签名的对象的集合。 引用别人的一段代码： //向webView中插入JS代码： [webViewstringByEvaluatingJavaScriptFromString:@"var script = document.createElement('script');"      " script.type =
JavaScript document对象
weixin_47782618的博客
04-23 3889
1. 什么是document对象 document对象是文档的根节点，每张网页都有自己的document对象只要浏览器开始载入 HTML 文档，该对象就存在了，可以直接使用。 2. document对象的属性 2.1 document.doctype document.doctype，指向<doctype>节点，即文档类型（Document Type Declaration，简写DTD）节点。HTML 的文档类型节点，一般写成<!DOCTYPE HTML>。如果网页没有声明
getElementsByName方法、getElementsByTagName方法、document对象三个查询方法的使用注意事项、dom对象查询练习、document对象补充说明
热门推荐
weixin_46065214的博客
08-17 1万+
getElementsByName方法、getElementsByTagName方法、document对象三个查询方法的使用注意事项、dom对象查询练习、document对象补充说明
DOM操作：
m0_52558788的博客
04-12 3170
document object model（文档对象模型） 作用：动态操作html元素节点（写特效） 操作html元素节点（element）： 节点的样式操作： 增 删 改 查： 获取当前需要操作的元素节点： Dom tree（dom树）：root element（html） document（当前文档的根节点) document.getElementById():通过id 属性获取元素 document.getElementByClassName//通过class属性，
HTML中HEAD的用法
jgh113的博客
06-08 1364
介绍标签用于定义网页文档的头部，它是所有头部元素的容器。在head标签中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。head 与 tail 就像它的名字一样的浅显易懂，它是用来显示开头或结尾某个数量的文字区块，head 用来显...
HTML DOM getElementsByTagName() 方法
04-13 904
定义和用法 getElementsByTagName() 方法可返回带有指定标签名的对象的集合。 语法 document.getElementsByTagName(tagname) 说明 getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序。 如果把特殊字符串 "*" 传递给 getElementsByTagName() 方法，它将返回文档中所有元素...
JavaScript获取标签的六种方式
qq_36158551的博客
04-03 1132
JavaScript获取标签的六种方法 1.使用document.getElementById(‘id名’)； <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <b...
前端学习6—DOM
最新发布
weixin_49157844的博客
12-10 790
1 DOM 简介 文档对象模型（Document Object Model），处理可扩展标记语言的标准编程接口，通过 DOM 提供的接口可以对页面上的各种元素进行操作（大小、位置、颜色等） 文档：一个页面就是一个文档，DOM 中使用 document 表示 元素：页面中所有标签都是元素，DOM 中使用 element 表示 节点：页面中的所有内容（标签、属性、文本、注释等），DOM 中使用 node 表示 DOM 把以上内容都看作是对象 1.1 获取元素 根据 ID 获取 使用 getElemen
前端document的方法合集
沈行的博客
08-12 2266
document的方法
实现CommonJS环境中document.head的Polyfill
它允许开发者轻松地获取或者操作<head>标签内的元素，如、、和等。 3. Polyfill 的概念：Polyfill 是一种用于向旧的浏览器或者运行环境提供新API的代码。它通常以JavaScript库或模块的形式存在，通过使用现有的技术...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值