jacascript document对象

Posted 2020-09-16 学习的时候不说话

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jacascript document对象相关的知识，希望对你有一定的参考价值。

前言：这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方，请大家指正，我会持续更新！

　　Document 类型表示文档，或文档的根节点，这个节点是隐藏的，没有具体的节点标签；而 html 是根标签；

　　如果想得到 HTMLHtmlElement，不必使用 childNodes 这么麻烦，可以使用 documentElement 即可；

　　有时候我们只是想得到 body 标签，还可以用 document.body 获取；

        <script type="text/javascript">
            console.log(document.nodeType);//9
            console.log(document.childNodes[0]);//<!DOCTYPE html>
            console.log(document.childNodes[0].nodeType);//10  IE8及以下返回8
            
            console.log(document.childNodes[1]);//<html>...</html>
            console.log(document.childNodes[1].nodeType);//1
            console.log(document.childNodes[1].nodeName);//HTML
            
            //如果想得到HTMLHtmlElement，不必使用 childNodes 这么麻烦，可以使用 documentElement 即可；
            console.log(document.documentElement);//<html>...</html>
            
            //有时候我们只是想得到 body 标签
            //我们之前用的 document.getElementsByTagName(‘body‘)[0]; 获得
            //还可以用 document.body 获取
            console.log(document.body === document.getElementsByTagName(‘body‘)[0]);
        </script>

　　下面是一些前端常用到的 document 属性：

	属性	说明
主要属性	document.title	设置文档标题等价于HTML的<title>标签
	document.bgColor	设置页面背景色
	document.fgColor	设置页面前景色（文本颜色）
	document.linkColor	未点击过的链接颜色
	document.alinkColor	激活链接(焦点在此链接上)的颜色
	document.vlinkColor	已点击过的链接颜色
	document.URL	设置URL属性从而在同一窗口打开另一网页
	document.fileCreatedDate	文件建立日期，只读属性
	document.fileModifiedDate	文件修改日期，只读属性
	document.fileSize	文件大小，只读属性
	document.cookie	设置和读出cookie
	document.charset	设置字符集国际编码格式：utf-8

指向其他节点或对象的属性	document.doctype	<!DOCTYPE html>
	document.documentElement	<html>...</html>
	document.head	<head>...</head>
	document.defaultView	window
	document.activeElement	获得焦点的元素

指向特定元素集合的属性	document.all	文档中的所有元素，Firefox不支持此属性
	document.anchors	文档中所有的锚点，已废弃
	document.links	文档中所有的 a 超链接元素
	document.forms	文档中所有的 forms 元素
	document.images	文档中所有的 img 元素
	document.scripts	文档中所有的 script 元素
	document.styleSheets	文档中所有的 style 元素

以上是关于jacascript document对象的主要内容，如果未能解决你的问题，请参考以下文章

jacascript JSON对象的学习

jacascript 函数参数与 arguments 对象