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 ...
随机推荐
- .net Mvc4 View—布局页与分部页
▲ 一.Layout属性 1.1.@RenderPage():渲染制定的页面到占位符. 注意:@RenderPage()可以使用多次,这点与@RenderBody()不同 ...
- Python文件操作大全,随机删除文件夹内的任意文件
在读文件的时候往往需要遍历文件夹,python的os.path包含了很多文件.文件夹操作的方法: os.path.abspath(path) #返回绝对路径os.path.basename(path ...
- Android------去除标题栏
这里暂时只给出一种方法,在java代码中去除 1.继承Activity 在onCreate方法中 getWindow().setFlags(WindowManager.LayoutParams.FLA ...
- vmware 虚拟机下安装centOS7.0
当时安装的是 CentOS-7.0-1406-x86_64-DVD.iso 这个版本的镜像,提示: 您已经配置此虚拟机使用64位客户操作系统.但是64位操作系统不可用.此主机具有虚拟化支持能力的,可是 ...
- 【bzoj4491】我也不知道题目名字是什么 离线扫描线+线段树
题目描述 给定一个序列A[i],每次询问l,r,求[l,r]内最长子串,使得该子串为不上升子串或不下降子串 输入 第一行n,表示A数组有多少元素接下来一行为n个整数A[i]接下来一个整数Q,表示询问数 ...
- lalala
<script type="text/javascript"> var a_idx = 0; var b_idx = 0; var a = new Array(&quo ...
- POJ3261:Milk Patterns——题解
http://poj.org/problem?id=3261 给一个序列,求至少出现 k 次的最长重复子串,这 k 个子串可以重叠. 论文题+傻逼题. 上一道题(POJ1743)会做即可. 还是二分长 ...
- POJ3907:Build Your Home——题解
http://poj.org/problem?id=3907 题目大意:求多边形面积,结果四舍五入. ———————————————————— 多边形面积公式板子题. #include<cstd ...
- BZOJ4105 [Thu Summer Camp 2015]平方运算 【线段树】
题目链接 BZOJ4105 题解 平方操作orz,虽说应该是线段树,但是不会维护啊QAQ 小瞧一眼题解... 平方成环?环长\(lcm\)小于\(60\)? 果然还是打表找规律题.... 那就很好做了 ...
- 51nod 1196 字符串的数量(DP+数论?)
这题好像是神题...V1 V2 V3分别涵盖了51nod 5级算法题 6级算法题 难题 讨论区的曹鹏神牛好强啊...一种做法切了V1 V2 V3,而且做法是一步一步优化的 还没去看优化的部分,未优化已 ...