document对象详解

    xiaoxiao2022-07-04  135

    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设置和读取cookiedocument.domain返回下载当前文档的服务器域名,一般跨域问题会用到该属性

    第三类(一些有关链接的属性):

    属性说明URL获取当前文档的地址location返回一个Location对象,对象中的href(document.location.href)即表示文档的地址,相当于document.URLrefferrer返回跳转或打开到当前页面的那个页面的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()…
    最新回复(0)