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方法就无法写入内容了。
作者:
链接:https://www.imooc.com/article/15414
来源:慕课网

document的属性与方法小结的更多相关文章

  1. JS的Document属性和方法小结

    Document想必大家并不陌生吧,在使用js的过程中会经常遇到它,那么它有哪些属性.哪些方法,在本文将以示例为大家详细介绍下,希望对大家有所帮助 document.title //设置文档标题等价于 ...

  2. jquery中event对象属性与方法小结

    JQuery事件中的Event属性是经常性的被忽略的.大多数时间你的确不怎么用它,但有些时候它还是它还是有作用的.如获知触发时用户的环境(是否按了shift etc).每个浏览器对event都有不同的 ...

  3. 1.4(JavaScript学习笔记) window对象的属性及方法

    一.window对象 window对象代表当前窗口,所有全局对象都是windows的属性, 例如document是window的属性,window.document.writer("&quo ...

  4. JavaScript document属性和方法

    JavaScript document属性和方法 --------------------------------------------属性: 1. Attributes     存储节点的属性列表 ...

  5. Document对象中的一些重要的属性和方法(笔记)

    Document对象:每一个web浏览器窗口.标签页和框架由一个window对象所表示.每个window对象都有一个document属性引用的是Document对象,它是一个巨大的API中的核心对象, ...

  6. PHP中的抽象类与抽象方法/静态属性和静态方法/PHP中的单利模式(单态模式)/串行化与反串行化(序列化与反序列化)/约束类型/魔术方法小结

      前  言  OOP  学习了好久的PHP,今天来总结一下PHP中的抽象类与抽象方法/静态属性和静态方法/PHP中的单利模式(单态模式)/串行化与反串行化(序列化与反序列化). 1  PHP中的抽象 ...

  7. js中属性和方法的类型和区别

    对象的属性:私有属性(var).类属性(静态属性).对象属性(this).原型属性(prototype). 对象的方法: 私有方法(funtion).类方法(静态方法).对象方法(this).原型方法 ...

  8. js浏览器对象的属性和方法

    1.window对象 /*1.计算浏览器窗口大小*/ //不算滚动条: var width = window.innerWidth; var height = window.innerHeight; ...

  9. video标签的属性和方法总结

    最近想做一个弹幕插件,查了很多video标签的属性和方法 error属性 在正常读取时候,使用媒体数据的过程中,video元素或audio元素的error属性为null,但是任何时候只要出现错误,er ...

随机推荐

  1. #Leetcode# 951. Flip Equivalent Binary Trees

    https://leetcode.com/problems/flip-equivalent-binary-trees/ For a binary tree T, we can define a fli ...

  2. 文件“bin\Debug\WindowsFormsApplication2.exe”正由另一进程使用,因此该进程无法访问该文件。

    http://zhidao.baidu.com/question/221394579.html?qbl=relate_question_2&word=%BE%AF%B8%E6%094%09%C ...

  3. java 基础 --多态--009

    1, 多态:同一个对象(事物),在不同时刻体现出来的不同状态 2, 多态的前提: A: 要有继承关系 B: 要有方法的重写 C: 要有父类引用指向子类对象 父 f = new 子(); 3, 多态访问 ...

  4. Android UI设计的基本元素有哪些

    在android app开发如火如荼的今天,如何让自己的App受人欢迎.如何增加app的下载量和使用量....成为很多android应用开发前,必须讨论的问题.而ui设计则是提升客户视觉体验度.提升下 ...

  5. [BZOJ4942] [NOI2017]整数

    题目背景 在人类智慧的山巅,有着一台字长为1048576位(此数字与解题无关)的超级计算机,著名理论计算机科 学家P博士正用它进行各种研究.不幸的是,这天台风切断了电力系统,超级计算机 无法工作,而 ...

  6. POJ2195:Going Home——题解

    http://poj.org/problem?id=2195 题目大意: 有些人和房子,一个人只能进一个房子,人走到房子的路程即为代价. 求所有人走到房子后的最小代价. ——————————————— ...

  7. POJ.3624 Charm Bracelet(DP 01背包)

    POJ.3624 Charm Bracelet(DP 01背包) 题意分析 裸01背包 代码总览 #include <iostream> #include <cstdio> # ...

  8. UVA.10066 The Twin Towers (DP LCS)

    UVA.10066 The Twin Towers (DP LCS) 题意分析 有2座塔,分别由不同长度的石块组成.现在要求移走一些石块,使得这2座塔的高度相同,求高度最大是多少. 问题的实质可以转化 ...

  9. Codeforces Round #311 (Div. 2)B. Pasha and Tea二分

    B. Pasha and Tea time limit per test 1 second memory limit per test 256 megabytes input standard inp ...

  10. [存一下]iptables模块

    介绍地址: http://www.tummy.com/blogs/2005/07/17/some-iptables-modules-you-probably-dont-know-about/ [1] ...