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方法就无法写入内容了。
作者:
链接:https://www.imooc.com/article/15414
来源:慕课网
document的属性与方法小结的更多相关文章
- JS的Document属性和方法小结
Document想必大家并不陌生吧,在使用js的过程中会经常遇到它,那么它有哪些属性.哪些方法,在本文将以示例为大家详细介绍下,希望对大家有所帮助 document.title //设置文档标题等价于 ...
- jquery中event对象属性与方法小结
JQuery事件中的Event属性是经常性的被忽略的.大多数时间你的确不怎么用它,但有些时候它还是它还是有作用的.如获知触发时用户的环境(是否按了shift etc).每个浏览器对event都有不同的 ...
- 1.4(JavaScript学习笔记) window对象的属性及方法
一.window对象 window对象代表当前窗口,所有全局对象都是windows的属性, 例如document是window的属性,window.document.writer("&quo ...
- JavaScript document属性和方法
JavaScript document属性和方法 --------------------------------------------属性: 1. Attributes 存储节点的属性列表 ...
- Document对象中的一些重要的属性和方法(笔记)
Document对象:每一个web浏览器窗口.标签页和框架由一个window对象所表示.每个window对象都有一个document属性引用的是Document对象,它是一个巨大的API中的核心对象, ...
- PHP中的抽象类与抽象方法/静态属性和静态方法/PHP中的单利模式(单态模式)/串行化与反串行化(序列化与反序列化)/约束类型/魔术方法小结
前 言 OOP 学习了好久的PHP,今天来总结一下PHP中的抽象类与抽象方法/静态属性和静态方法/PHP中的单利模式(单态模式)/串行化与反串行化(序列化与反序列化). 1 PHP中的抽象 ...
- js中属性和方法的类型和区别
对象的属性:私有属性(var).类属性(静态属性).对象属性(this).原型属性(prototype). 对象的方法: 私有方法(funtion).类方法(静态方法).对象方法(this).原型方法 ...
- js浏览器对象的属性和方法
1.window对象 /*1.计算浏览器窗口大小*/ //不算滚动条: var width = window.innerWidth; var height = window.innerHeight; ...
- video标签的属性和方法总结
最近想做一个弹幕插件,查了很多video标签的属性和方法 error属性 在正常读取时候,使用媒体数据的过程中,video元素或audio元素的error属性为null,但是任何时候只要出现错误,er ...
随机推荐
- 第一章 持续集成jenkins工具使用之部署
1.1 硬件要求 内存:至少512MB 磁盘空间:10G JDK8 最好同时安装jre 从官网https://jenkins.io/download/下载最新的war包(Generic Java Pa ...
- matlab如何将数组中的NAN值去除
比如我们一组数据,里面有不少的NaN值,如何将其删除掉呢?可以通过find函数来搞定. 我们可以通过importdata('data.txt')将数据文件data.txt导入数组A中. ...
- tomcat执行shutdown.sh进程残留的解决办法
我们执行shutdown.sh指令的时候有时会发现进程并没有被关掉而是越来越多,这种情况一般是项目造成的,具体原因未去调查.由于tomcat自己有相应的保护机制,所以我们只需要强制结束其进程即可,下面 ...
- 【bzoj2274】[Usaco2011 Feb]Generic Cow Protests dp+树状数组
题目描述 Farmer John's N (1 <= N <= 100,000) cows are lined up in a row andnumbered 1..N. The cows ...
- [HDU4532]湫秋系列故事——安排座位
题面在这里 description 有\(n\)种颜色的小球,每种颜色的小球有\(a_i\)个: 要把它们摆成一排,求相邻小球颜色不相同的摆放方案数. 任意两个合理的安排方法,只要有一个位置的同学不同 ...
- [洛谷P5174]圆点
题目大意:给你$R(R\leqslant10^{14})$,求:$$\sum\limits_{x\in\mathbb{Z}}\sum\limits_{y\in\mathbb{Z}}[x^2+y^2\l ...
- [洛谷P3950]部落冲突
题目大意:给你一棵树,有$3$个操作: $Q\;p\;q:$询问$p,q$是否连通 $C\;p\;q:$把$p->q$这条边割断 $U\;x:$恢复第$x$次操作二 题解:可以在割断时把这条边赋 ...
- [Leetcode] search in rotated sorted array 搜索旋转有序数组
Suppose a sorted array is rotated at some pivot unknown to you beforehand. (i.e.,0 1 2 4 5 6 7might ...
- HDU 2710
Max Factor Time Limit: 2000/1000 MS(Java/Others) Memory Limit: 32768/32768 K (Java/Others) Total ...
- 【神仙DP】【单调队列】【模拟题】区间覆盖
传送门 Description 给出数轴上的n个线段,保留最多k条线段,问这些被保留下来的线段的并集长度为最多为多少. Input 第一行两个数n和k 接下来n行,每行两个数,表示一条线段的左右端点. ...