document对象详解

最新推荐文章于 2024-01-06 15:55:54 发布

1995小哥哥的博客

最新推荐文章于 2024-01-06 15:55:54 发布

阅读量3.8k

点赞数 2

分类专栏：前端知识点

本文链接：https://blog.csdn.net/u014663631/article/details/90444783

版权

3 篇文章 0 订阅

订阅专栏

document对象概述：
document对象是文档的根节点，只要浏览器开始载入HTML文档，这个对象就开始存在了，它作为一个入口去操作网页内容，可以直接调用。document的属性和方法非常多，下面我做了一些基本归类，对于更详细的属性和方法查询该网址。

第一类（获得节点的属性）：

属性	说明
document.doctype	第一个子节点，表示文档类型。对于html5文档来说，该节点就代表`<!DOCTYPE html>`
document.documentElement	第二个子节点，表示元素节点，该节点代表`<html>...</html>`
document.all	文档中所有的元素,例如html，head，title，body，script等,当出现多个相同的标签，如img也会重复显示
document.head	获取文档中的head节点，`<head>...</head>`
document.body	获取文档中的body节点，`<body>...</body>`
document.forms	获取所有的form节点，是一个数组对象
document.images	获取所有的img节点，是一个数组对象
document.links	获取所有的a节点，是一个数组对象
document.anchors	获取所有的包含属性name的a节点，是一个数组对象
document.scripts	获取所有的script元素，是一个数组对象
document.styleSheets	所有的link或者style元素，是一个对象,对象里面用下标区分每个cssstyleSheet，末尾是一个几个link或者style元素的length属性
document.children	获取document的子节点，是一个对象数组，对于html5文档来说，该属性值为[html]
document.activeElement	当前获得焦点的元素,如`<body>...</body>`

第二类（一些常见属性）：

属性	说明
document.title	设置文档标题，等价于html的`<title>`标签
document.bgColor	设置文档的背景颜色
document.contentType	返回文档的类型，如“text/html”
document.charset	设置文档的字符集
document.lastModified	返回文档最近一次修改的时间
document.cookie	设置和读取cookie
document.domain	返回下载当前文档的服务器域名，一般跨域问题会用到该属性

第三类（一些有关链接的属性）：

属性	说明
URL	获取当前文档的地址
location	返回一个Location对象，对象中的href（document.location.href）即表示文档的地址，相当于document.URL
refferrer	返回跳转或打开到当前页面的那个页面的URL,如果用户直接打开了这个页面（不是通过页面跳转，而是通过地址栏或者书签等打开的），则该属性为空字符串

第四类（常用的一些方法）：

属性	说明
document.write()	动态向页面写入内容
document.writeln()	动态向页面写入内容，末尾加一个回车符
document.open(mimetype,replace)	该方法将擦除当前 HTML 文档的内容，开始一个新的文档，新文档用 write() 方法或 writeln() 方法编写，两个参数，mimetype,可选，规定正在写的文档的类型。默认值是 “text/html”；replace，可选，当此参数设置后，可引起新文档从父文档继承历史条目
document.close()	关闭文档
get…	document.getElementById(),document.getElementsByTagName(), document.getElementsByClassName(),…
create…	document.createElement(), document.createEvent(), document.createAttribute()…
on…	document.onClick(), document.onkeydown()…

关注