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. 归并排序的理解和实现(Java)

    归并排序介绍 归并排序(Merge Sort)就是利用归并的思想实现的排序方法.它的原理是假设初始序列含有fn个记录,则可以看成是n个有序的子序列,每个子序列的长度为1,然后两两归并,得到[n2\fr ...

  2. DIV+CSS 按比例等分

    div { display: inline-block; /* 如需支持IE8以下版本,用浮动来做 */ width: calc(100% / 3.09); /* 此处运用了一个css3的表达式,将d ...

  3. (转)AIX光盘备份与恢复

    AIX光盘备份与恢复 在此之前,说明一下光盘映像的格式UDF和ISO9660 ISO9660: 这是国际标准化组织(ISO)于1985年颁布的通用光盘文件系统.目前使用最广泛的光盘文件系统,能被所有的 ...

  4. 使用mysqldump备份单表数据,并使用navicat导出单表中部分字段到excel

    今天工作上遇到一个问题,客户需要将生产环境上数据库中用户表中的用户名.登录名.邮箱三个字段导出到excel中,查了一下,分两个步骤完成了任务 1. 使用mysqldump命令将生产环境的user表备份 ...

  5. 【Gitbook】实用配置及插件介绍

    前言 实际效果可以查看这里 github地址 配置 title 设置书本的标题 "title" : "Gitbook Use" author 作者的相关信息 & ...

  6. 弹幕和回到顶部前端web

    弹幕和回到顶部前端web 弹幕 1.效果演示 2.相关代码 <!DOCTYPE html> <html lang="en"> <head> &l ...

  7. 视口(viewport)原理详解之第一部分

    在这篇文章中,我将解释viewports和元素width是如何工作的,比如html元素.  window和 screen. 这篇文章主要针对桌面浏览器,但它的部分和移动设备中的结论也比较类似,所以也是 ...

  8. 【数组】Search a 2D Matrix

    题目: Write an efficient algorithm that searches for a value in an m x n matrix. This matrix has the f ...

  9. Centos 6.5下的OPENJDK卸载和SUN的JDK安装、环境变量配置

    不多说,直接上干货! 说明 图形界面安装,会自带有Centos6.5自带的OPRNJDK!!! *********************************自带的OPENJDK的卸载****** ...

  10. Pycharm 问题:Clear Read-Only Status

    用的是ubuntu系统,一直在普通用户模式下打开Git下建的项目,今天运行神经网络程序时,由于有一个cudnn错误,必须要在sudo模式下才不会报错,所以用sudo试着打开了pycharm,发现是完全 ...