前言：这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方，请大家指正，我会持续更新！
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 元素 | |
时间： 2024-10-07 12:45:38