手记

document的属性与方法小结

document节点是文档的根节点,每张网页都有自己的document节点。
属性:
1:document.doctype----它是一个对象,包含了当前文档类型 (Document Type Declaration,简写DTD)信息。
2:document.documentElement----返回当前文档的根节点,对于HTML网页,该属性返回<html>节点。
3:document.defaultView---在浏览器中返回window对象
4:document.head-----返回当前文档的<head>节点
5:document.body-----属性返回当前文档的<body>
6:document.activeElement----返回当前文档中获得焦点的那个元素
7:document.documentURI---返回一个字符串,表示当前文档的网址。所有文档都具备的
8:document.URL---返回一个字符串,表示当前文档的网址。HTML文档独有的。
9:document.domain----返回当前文档的域名。
10:document.lastModified----返回当前文档最后修改的时间戳,格式为字符串。
11:document.title----返回当前文档的标题,该属性是可写的。
12:document.characterSet---返回渲染当前文档的字符集,
13:document.referrer-----返回一个字符串,表示当前文档的访问来源,
14:document.cookie----操作浏览器Cookie
15:document.readyState----返回当前文档的状态,共有三种可能的值。
loading:加载HTML代码阶段(尚未完成解析)
interactive:加载外部资源阶段时
complete:加载完成时
16:document.designMode----控制当前文档是否可编辑
17:document.compatMode----返回浏览器处理文档的模式,
可能的值为BackCompat(向后兼容模式)和CSS1Compat(严格模式)。
18:document.implementation---返回一个对象,用来甄别当前环境部署了哪些DOM相关接口。
19:document.location----返回location对象,提供了当前文档的URL信息。
document.location属性与window.location属性等价。
20:document.scripts----返回当前文档的所有脚本
21:document.styleSheets---返回一个类似数组的对象,代表当前网页的所有样式表。
22:document.links---返回当前文档所有设定了href属性的a及area元素。
23:document.forms---返回页面中所有表单元素form。
24:document.images---返回页面所有图片元素
25:document.embeds---返回网页中所有嵌入对象
方法:
1:document.write()---用于向当前文档写入内容。只要当前文档还没有用close方法关闭,它所写入的内容就会追加在已有内容的后面。
2:document.writeln()----与write方法完全一致,除了会在输出内容的尾部添加换行符。
注意,document.write会当作HTML代码解析,不会转义。
除了某些特殊情况,应该尽量避免使用document.write这个方法。
3:document.getElementsByTagName()----返回值是一个类似数组的HTMLCollection对象。返回所有指定HTML标签的元素,元素的变化实时反映在返回结果中。
4:document.getElementsByClassName()----返回值是一个类似数组的HTMLCollection对象。返回包括了所有class名字符合指定条件的元素,元素的变化实时反映在返回结果中。
5:document.getElementsByName()---返回一个类似数组的的对象(NodeList对象的实例) 用于选择拥有name属性的HTML元素
6:getElementById()--------返回匹配指定id属性的元素节点。
这个方法只能在document对象上使用,不能在其他元素节点上使用。
7:document.querySelector()---接受一个CSS选择器作为参数,返回匹配该选择器的元素节点。如果有多个节点满足匹配条件,则返回第一个匹配的节点。如果没有发现匹配的节点,则返回null。
8:document.querySelectorAll()---返回一个NodeList对象,包含所有匹配给定选择器的节点。 不会实时反映元素节点的变化。但是,7和8都无法选中伪元素和伪类。
9:document.createElement()---生成HTML元素节点
10:document.createTextNode()---用来生成文本节点,参数为所要生成的文本节点的内容。 createTextNode方法对大于号和小于号进行转义,不对单引号和双引号转义
11:document.createAttribute()---生成一个新的属性对象节点,并返回它。参数是属性的名称。
12:document.createDocumentFragment()---生成一个DocumentFragment对象。 DocumentFragment对象是一个存在于内存的DOM片段,但是不属于当前文档,常常用来生成较复杂的DOM结构,然后插入当前文档。因为DocumentFragment不属于当前文档,对它的任何改动,都不会引发网页的重新渲染,比直接修改当前文档的DOM有更好的性能表现。
13:document.createEvent()---生成一个事件对象,参数是事件类型
14:document.addEventListener()----添加事件监听函数
15:document.removeEventListener()----移除事件监听函数
16:document.dispatchEvent()----触发事件
17:document.hasFocus()---返回一个布尔值,表示当前文档之中是否有元素被激活或获得焦点。
18:document.createNodeIterator()-----返回一个DOM的子节点遍历器。遍历子节点。第一个参数为遍历器的根节点,第二个参数为所要遍历的节点类型--文本节点(NodeFilter.SHOW_TEXT),
元素节点-NodeFilter.SHOW_ELEMENT, 所有节点-NodeFilter.SHOW_ALL
nextNode方法先返回遍历器的内部指针所在的节点,然后会将指针移向下一个节点。所有成员遍历完成后,返回null。previousNode方法则是先将指针移向上一个节点,然后返回该节点。
19:document.createTreeWalker()----返回一个DOM的子树遍历器。它遍历整个子树。第一个参数,是所要遍历的根节点,第二个参数指定所要遍历的节点类型。
20:document.adoptNode()-----将某个节点,从其原来所在的文档移除,插入当前文档,并返回插入后的新节点。
21:document.importNode()----从外部文档拷贝指定节点,插入当前文档。
它的第一个参数是外部节点,第二个参数是一个布尔值,
表示对外部节点是深拷贝还是浅拷贝,默认是浅拷贝(false)
22:document.getSelection()-----这个方法指向window.getSelection()
23:document.open()---用于新建一个文档,供write方法写入内容。
24:document.close()---用于关闭open方法所新建的文档。一旦关闭,write方法就无法写入内容了。

9人推荐
随时随地看视频
慕课网APP