`
zhouyrt
  • 浏览: 1163381 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

 
阅读更多

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

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

 

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

当然,IE6/7/8不支持。IE9/Safari/Chrome/FF/Opera均支持(最新版本)。记录下。

 

html4中HTMLDocument接口如下

 

 

html5中HTMLDocument接口如下

 

 

相关:

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 

  • 大小: 11.2 KB
  • 大小: 34.7 KB
0
2
分享到:
评论

相关推荐

    html5小技巧之通过document.head获取head元素

    HTML5中,通过document.head获取head元素是一个非常有用的技巧。在HTML5中,HTMLDocument接口提供了一个名为head的属性,可以直接获取head元素,而不需要使用传统的document.getElementsByTagName('head')[0]方法。 ...

    深入探讨:JavaScript中的`document.head`与`document.body`属性

    本文将详细探讨document.head与document.body的区别、它们的用途以及如何在实际开发中正确使用它们。 document.head和document.body是JavaScript中用于访问和操作HTML文档头部和主体的重要属性。它们在Web开发中的...

    document.head:CommonJS 的 document.head polyfill

    CommonJS 的 document.head 垫片 这需要并将其放入 CommonJS。 使用 npm 安装它: npm install document.head 然后将它与 Browserify 或 Webpack 一起使用: var head = require ( 'document.head' ) ; head . ...

    document.all[]详解

    从上面的例子可以看到,通过 `document.all[]`,我们可以轻松地获取到文档中的每一个元素,并打印出它们的标签名。这在调试时非常有用,可以帮助开发者快速定位问题所在。 #### 四、注意事项与局限性 虽然 `...

    document.body属性.document.body.scrollTop

    在JavaScript的世界里,`document.body` 是一个非常关键的对象,它代表了HTML文档中的元素,这个元素包含了网页上可见的所有内容,除了<head>部分。`document.body` 属性提供了一个直接与元素交互的方式,使得我们...

    javascript里的document.all用法

    首先,获取了`document.all`的长度,然后遍历了集合中的每个元素,打印出了元素的标签名称。示例中显示了页面中不同类型的HTML元素,包括`DOCTYPE`, `HTML`, `HEAD`, `TITLE`, `META`, `BODY`, `H1`, `HR`, `P`, `EM...

    document.frames在非IE浏览器中的解决办法

    在Web开发中,为了实现页面元素之间的交互,开发者常常会用到`document.frames`来访问iframe或frameset中的子窗口。然而,在实际应用过程中发现,`document.frames`这一属性在Internet Explorer(IE)浏览器中可以...

    meteor-dochead, 对 Meteor 应用操作 document.head的同构方式.zip

    meteor-dochead, 对 Meteor 应用操作 document.head的同构方式 用于 Meteor的 DocHeadDocHead是一种为 Meteor 应用操作 document.head的同构方式。使用 DocHead,你可以使用单个API轻松地在客户端和服务器中设置标题...

    document.execCommand()解析

    这些操作在浏览器环境中可以通过`document.execCommand()`方法实现。这个函数是HTML5引入的一个非常实用的功能,允许我们在网页上模拟用户对文本的选择和编辑行为。本文将深入探讨`document.execCommand()`的使用...

    document.getElementById获取控件对象为空的解决方法

    通过理解页面加载的顺序以及 JavaScript 代码的执行时机,我们可以有效地避免 `document.getElementById` 获取控件对象为空的这类问题,从而确保我们的网页能够按照预期运行。在实际开发中,对这些基本概念的深入...

    浅谈vue中document.getElementById()拿到的是原值的问题

    3. 对于`document.getElementById()`获取不到DOM元素的情况,最常见的原因是JavaScript文件在HTML文档的`<head>`标签内进行引入。这会导致在DOM元素加载完成之前,JavaScript代码就已经执行了,从而无法获取到元素。...

    javasxript_document对象详解.txt

    - 通过`document.images`获取所有图像元素。 - 示例代码:`console.log(document.images);` - 获取图像元素的数量。 - 示例代码:`console.log(document.images.length);` - 访问特定图像元素。 - 示例代码:`var...

    document.documentElement和document.body区别介绍

    document.documentElement是访问整个文档结构的入口点,通过它可以访问到文档的<head>和部分。 相对而言,document.body则是指代了标签内的所有内容。它是document.documentElement的子节点之一。这个属性通常用于...

    动态给head添加script

    可以使用`document.head.appendChild(script)`方法: ```javascript document.head.appendChild(script); ``` 通过以上步骤,我们就实现了动态给`<head>`添加`<script>`的功能。这种方式常用于按需加载资源,比如...

    jQuery中使用了document和window哪些属性和方法小结

    document.head在jQuery中使用方式如下document.head || document.getElementsByTagName( “head” )[0] ,可见并非所有浏览器支持 document.body获得当前文档的HTMLBodyElement元素 document.compatMode 获取当前...

    Document和Document.all区别分析

    然而,`Document.all` 是一个过时的属性,它返回一个HTMLAllCollection对象,这个集合包含了文档中所有元素,除了`<base>`、`<head>`、`<html>`、`<meta>`、`<noscript>`、`<style>`和`<title>`这些不包含在内。...

    Document.body.scrollTop的值总为零的快速解决办法

    在JavaScript中,`document.body.scrollTop` 是一个常用于获取网页滚动条顶部到页面内容顶部的距离的属性。然而,有时候你会发现这个属性的值始终为零,即使页面已经进行了滚动。这通常与文档类型声明(DOCTYPE)...

    document.documentElement && document.documentElement.scrollTop

    在JavaScript中,`document.documentElement` 和 `document.documentElement.scrollTop` 是两个非常重要的属性,它们与网页文档的DOM(Document Object Model)交互,特别是涉及到页面滚动时的行为。本文将深入讲解...

Global site tag (gtag.js) - Google Analytics