html5小技巧之通过document.head获取head元素_html5教程技巧
程序员文章站
2022-03-05 10:16:53
...
今天,看一个国外网站发现人家获取head元素如下
var head = document.head || document.getElementsByTagName('head')[0];
复制代码
代码如下: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
推荐阅读
-
html5小技巧之通过document.head获取head元素
-
html5小技巧之通过document.head获取head元素
-
HTML5之SVG 2D入门7—SVG元素的重用与引用_html5教程技巧
-
HTML5之SVG 2D入门7—SVG元素的重用与引用_html5教程技巧
-
HTML5之SVG 2D入门9—蒙板及mask元素介绍与应用_html5教程技巧
-
HTML5之HTML元素扩展(上)—新增加的元素及使用概述_html5教程技巧
-
HTML5之HTML元素扩展(下)—增强的Form表单元素值得关注_html5教程技巧
-
HTML5之SVG 2D入门8—文档结构及相关元素总结_html5教程技巧
-
HTML5之SVG 2D入门9—蒙板及mask元素介绍与应用_html5教程技巧
-
基于HTML5 audio元素播放声音jQuery小插件_html5教程技巧