浏览器根对象document之方法概述
1.1 节点
筛选
getRootNode返回上下文的根节点。
querySelector返回文档中匹配指定 CSS 选择器的第一个元素。
querySelectorAll返回文档中匹配指定 CSS 选择器的所有元素。
getElementById
getElementsByClassName
getElementsByName方法可返回带有指定名称的对象的集合。
getElementsByTagName
getElementsByTagNameNS(XML)
createNodeIterator、createTreeWalker都是用来遍历文档树。
创建
cloneNode复制DOM节点。
createRange返回新创建的 Range 对象,两个边界点都被设置为文档的开头。
createProcessingInstruction方法创建 ProcessingInstruction 节点。
createAttribute创建并返回一个新的属性节点
createAttributeNS与 createAttribute() 方法相似,只是它创建的 Attr 节点除了具有指定的名称外,还具有指定的命名空间。
createElement创建元素节点,返回一个 Element 对象。
createElementNS创建带有指定命名空间的元素节点。
createTextNode创建文本节点。
createComment创建注释节点, 并插入HTML文档。
createDocumentFragment创建一个新的空白的文档片段
appendChild方法是向节点添加最后一个子节点。
insertBefore方法在当前节点的某个子节点之前再插入一个子节点。
编辑
adoptNode方法把一个节点从另一个文档复制到该文档以便应用。
importNode方法把一个节点从另一个文档复制到该文档以便应用。
replaceChild将某个子节点替换为另一个。
prepend方法可以在父节点的第一个子节点之前插入一系列Node对象或DOMString对象。
append方法在 ParentNode的最后一个子节点之后插入一组 Node 对象或 DOMString 对象。
查询
hasChildNodes如果当前元素节点拥有子节点则返回true。
isEqualNode方法可在节点等于某个给定的节点时返回 true,否则返回 false。
isSameNode检查两个节点是否是相同节点。
contains(compareDocumentPosition)检查节点的从属关系。
删除
removeChild删除一个节点
自定义节点
registerElement(废弃)采用其他API。
1.2 事件
addEventListener添加事件监听
removeEventListener移除事件监听
dispatchEvent触发事件
1.3 文档操作
open
close
write
writeln
hasFocus方法返回一个 Boolean,表明当前文档或者当前文档内的节点是否获得了焦点。该方法可以用来判断当前文档中的活动元素是否获得了焦点。
1.4 文档交互
exitPointerLock方法可异步的解锁鼠标(通过Element.requestPointerLock锁定的)。
caretRangeFromPoint方法返回一个 Range 对象(指定坐标的文档片段)。
getSelection方法与window. getSelection等价。
elementFromPoint方法返回当前文档上处于指定坐标位置最顶层的元素。
elementsFromPoint方法可以获取到当前视口内指定坐标处,由里到外排列的所有元素。
1.5 文档命令
execCommand方法允许运行命令来操纵可编辑区域的内容。
queryCommandEnabled方法可查询浏览器中指定的编辑指令是否可用。
queryCommandIndeterm方法确定命令是否是不确定的。
queryCommandState方法确定命令的状态。
queryCommandSupported方法确定浏览器是否支持指定的编辑指令。
queryCommandValue方法返回命令的值。
1.6 其他
webkitCancelFullScreen
webkitExitFullscreen
createExpression方法将编译生成一个 XPathExpression,可以用来多次的执行。
createNSResolver
evaluate
lookupPrefix(XML)
lookupNamespaceURI(XML)
isDefaultNamespace查看定义的命名空间是否为默认的命名空间。
1.7 废弃
createEvent 使用 event constructors替代
releaseEvents使用removeEventListener替代
createCDATASection
clear
normalize
浏览器根对象document之方法概述的更多相关文章
- 浏览器根对象document之数值和布尔属性
1.1 节点类型 ELEMENT_NODE 1 一个 元素 节点,例如 <p> 和 <div>. TEXT_NODE 3 Element 或者 Attr 中实际的文字 PROC ...
- 浏览器根对象document之字符串属性
1.1 停止使用的属性 fgColor.linkColor.vlinkColor.alinkColor.bgColor. 1.2 文档地址 document.URL 与documentURI属性返回同 ...
- 浏览器根对象window之performance
W3C性能小组引入的新的API,目前IE9以上的浏览器都支持. 为了解决当前性能测试的困难,W3C推出了一套性能API标准,各种浏览器对这套标准的支持如今也逐渐成熟起来.这套API的目的是简化开发者对 ...
- 浏览器根对象window之history
1. history(H5) Window.history保存用户在一个会话期间的网站访问记录,用户每次访问一个新的URL即创建一个新的历史记录. 1.1 length 返回浏览器历史列表中的 URL ...
- 浏览器根对象window之Location
1. Location Location 对象包含有关当前 URL 的信息.Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问. 1.1 Loc ...
- 浏览器根对象navigator之对象属性概览
第1章 connection[试验] navigator.connection 是只读的,提供一个NetworkInformation 对象来获取设备的网络连接信息.例如用户设备的当前带宽或连接是否被 ...
- 浏览器根对象window之操作方法
1.1 不常用 alert:带有一条指定消息和一个OK按钮的警告框. confirm:带有指定消息和OK及取消按钮的对话框. prompt:可提示用户进行输入的对话框. print:打印网页. ope ...
- 浏览器根对象window之值为字符串的属性
1. string属性 1.1 origin window.origin使用返回的是当前网页的网址.打开百度首页,并在控制台中输入 window.origin 控制台中会输出"https:/ ...
- Js与Jq 获取浏览器和对象值的方法
JS and Jquery 都能获取页面元素的宽度,高度和相对位移等数值,那他们之间能相互转换或替代吗,写法又有哪些差异呢?本文将详细为你介绍. 1.Js获取浏览器高度和宽度document.docu ...
随机推荐
- day 68crm(5) 分页器的进一步优化,以及在stark上使用分页器,,以及,整理代码,以及stark组件search查询
前情提要: 本节内容 自定制分页器 保存及查询记录 代码整理, stark组件search 查询 一:自定制分页器 page 1:创建类 Pagination # 自定制分页器 _ _init ...
- Andrew Ng机器学习第五章——多变量线性回归
一.多变量线性回归的技巧之一——特征缩放 1.为什么要使用特征缩放? 特征缩放用来确保特征值在相似的范围之内. 设想这样一种情况(房价预测),两个特征值分别是房子的大小和卧室的数量.每个特征值所处的范 ...
- ubuntu 镜像站部署
定时任务 #mirror web */5 * * * * cd /mirror && git pull #mysql mirror 0 */3 * * * rsync -av --de ...
- 现代cpu的合并写技术对程序的影响
对于现代cpu而言,性能瓶颈则是对于内存的访问.cpu的速度往往都比主存的高至少两个数量级.因此cpu都引入了L1_cache与L2_cache,更加高端的cpu还加入了L3_cache.很显然,这个 ...
- GODADDY 优质DNS 未被墙
下面列出的是我本地测试出的优质服务器 NS10.DOMAINCONTROL.COM NS12.DOMAINCONTROL.COM NS14.DOMAINCONTROL.COM NS19.DOMAINC ...
- Linux 上安装 Couchbase服务
down: http://www.couchbase.com/downloads/ doc: http://docs.couchbase.com/archive-index/ forums: htt ...
- dynamic解析Http xml格式响应数据
继续上一篇 构建RESTful风格的WCF服务 ,咱已经把服务端的数据和服务准备好了,客户端调用 wcf rest接口后如何解析xml?下面使用dynamic关键字解析来至于WCF REST XML响 ...
- 面试:TCP和UDP协议
目录 TCP 协议 UDP协议 TCP和UDP的区别 TCP和UDP的使用场景 一 TCP协议 1.TCP的头部格式 理解TCP协议,首要的就是TCP协议的头部格式 · Source P ...
- node.js获取url中的各个参数
实例代码test.js var http=require('http'); var url=require('url'); var querystring=require('querystring') ...
- C#语法之匿名函数和Lambda表达式
上一篇博客主要是对委托和事件做了一小结,这篇是在上一篇博客的基础上对匿名函数和Lambda表达式小结.还是接着上一篇说起,在上一篇中也说了委托是一种数据结构,主要是解决让函数作为参数的问题.在使用委托 ...