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之方法概述的更多相关文章

  1. 浏览器根对象document之数值和布尔属性

    1.1 节点类型 ELEMENT_NODE 1 一个 元素 节点,例如 <p> 和 <div>. TEXT_NODE 3 Element 或者 Attr 中实际的文字 PROC ...

  2. 浏览器根对象document之字符串属性

    1.1 停止使用的属性 fgColor.linkColor.vlinkColor.alinkColor.bgColor. 1.2 文档地址 document.URL 与documentURI属性返回同 ...

  3. 浏览器根对象window之performance

    W3C性能小组引入的新的API,目前IE9以上的浏览器都支持. 为了解决当前性能测试的困难,W3C推出了一套性能API标准,各种浏览器对这套标准的支持如今也逐渐成熟起来.这套API的目的是简化开发者对 ...

  4. 浏览器根对象window之history

    1. history(H5) Window.history保存用户在一个会话期间的网站访问记录,用户每次访问一个新的URL即创建一个新的历史记录. 1.1 length 返回浏览器历史列表中的 URL ...

  5. 浏览器根对象window之Location

    1. Location Location 对象包含有关当前 URL 的信息.Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问. 1.1 Loc ...

  6. 浏览器根对象navigator之对象属性概览

    第1章 connection[试验] navigator.connection 是只读的,提供一个NetworkInformation 对象来获取设备的网络连接信息.例如用户设备的当前带宽或连接是否被 ...

  7. 浏览器根对象window之操作方法

    1.1 不常用 alert:带有一条指定消息和一个OK按钮的警告框. confirm:带有指定消息和OK及取消按钮的对话框. prompt:可提示用户进行输入的对话框. print:打印网页. ope ...

  8. 浏览器根对象window之值为字符串的属性

    1. string属性 1.1 origin window.origin使用返回的是当前网页的网址.打开百度首页,并在控制台中输入 window.origin 控制台中会输出"https:/ ...

  9. Js与Jq 获取浏览器和对象值的方法

    JS and Jquery 都能获取页面元素的宽度,高度和相对位移等数值,那他们之间能相互转换或替代吗,写法又有哪些差异呢?本文将详细为你介绍. 1.Js获取浏览器高度和宽度document.docu ...

随机推荐

  1. 使用 spring.profiles.active 及 @profile 注解 动态化配置内部及外部配置

    引言:使用 spring.profiles.active 参数,搭配@Profile注解,可以实现不同环境下(开发.测试.生产)配置参数的切换 一.根据springboot的配置文件命名约定,结合ac ...

  2. Vim编辑器与shell脚本

      目录                                                          Vim文本编辑器 Shell脚本 Shell编程变量 流程控制语句 计划任务 ...

  3. Java之Spring Boot学习

    1.如何配置pdf.xls页面解析器.2.如何整合SpringBoot+JPA+Session+Redis配置.3.SpringBoot整合Mybatis之事务用法.4.JUnit Test单元测试用 ...

  4. 【xsy2748】 fly 矩阵快速幂

    题目大意:有$n$个点,$m$条有向边,其中第$i$条边需要在$t_i$秒后才出现在图上. 有一个人刚开始呆在$1$号节点,每秒钟他必须要选择一条从他所在位置走出去的边,走出去(如果没有的话这人就死了 ...

  5. 关于editplus设置java和c#

    1.java设置 首先要在目录上手动新建一个class文件.放置编译好的class文件

  6. 数据输入——生成你需要的echart图(世界地图,气泡图)

    上一篇文章介绍了:堆积柱状图.扇形图.嵌套环形图,现在来介绍一下:世界地图和气泡图 1.世界地图 http://echarts.baidu.com/examples/editor.html?c=map ...

  7. vue-resource使用笔记

    基本语法 //基于全局Vue对象使用http Vue.http.get('/someUrl', [options]).then(successCallback, errorCallback); Vue ...

  8. JDK自带工具介绍

    JDK工具一览表 工具名称 功能描述 appletviewer.exe 用于运行并浏览applet小程序. apt.exe 注解处理工具(Annotation Processing Tool),主要用 ...

  9. can/socket can

    1. 概念 参考:Linux-CAN编程详解 can引脚: cn2: 15:CAN1_H 19 CAN1_L 根据每组报文开头的 11 位标识符(扩展帧为29位标识符.CAN 2.0A 规范)解释数据 ...

  10. [CQOI 2018]社交网络

    Description 题库链接 求 \(n\) 个点以 \(1\) 为根的有向生成树个数. \(1\leq n\leq 250\) Solution 我终于会 \(\texttt{Matrix-Tr ...