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常用知识点总结

    1. Spring有哪些优点? 轻量级:Spring在大小和透明性方面绝对属于轻量级的,基础版本的Spring框架大约只有2MB. 控制反转(IOC):Spring使用控制反转技术实现了松耦合.依赖被 ...

  2. Pycharm使用Git

    Pycharm使用Git 1.设置git程序路径 2.设置github连接 3.创建git respository 4.提交文件 5.共享给GitHub 6.修改文件push到版本库 7.从版本库ch ...

  3. node开发环境配置

    node开发环境配置 用处 NodeJS——后台 JavaScript-前台 后台其他语言 1.PHP 2.Java 3.Pythonnode优势 1.性能高 nodejs php 86 1s 1分半 ...

  4. Linux实用指令

    Linux实用指令 Rpm&Yum ​ 一种用于互联网下载包的打包和安装工具,它包含某些Linux分发版中,它生产具有 .rpm 扩展名的文件.RPM 是 RedHat Package Man ...

  5. Hive Cli相关操作

    landen@Master:~/UntarFile/hive-0.10.0$ bin/hive --database 'stuchoosecourse' -e 'select * from hidde ...

  6. springMVC执行流程及原理

    spring的MVC执行原理 1.spring mvc将所有的请求都提交给DispatcherServlet,它会委托应用系统的其他模块负责对请求 进行真正的处理工作. 2.DispatcherSer ...

  7. postman—环境切换和设置变量

    postman提供了environment管理功能,想要在多个环境中测试,比如在测试环境.灰度环境.生产环境等,只需要用同样的接口,切换下环境即可,非常方便.具体步骤: 一.切换环境 1.点击界面右上 ...

  8. ES6 箭头函数 this 指向

    ES6 箭头函数 this 指向 箭头函数有几个使用注意点: 函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象. 不可以当作构造函数,也就是说,不可以使用new命令,否则会抛出一个 ...

  9. Python -- 网络编程 -- 抓取网页图片 -- 豆瓣妹子

    首先分析页面URL,形如http://dbmeizi.com/category/[1-14]?p=[0-476] 图片种类对应编号: 1:'性感', 2:'有沟', 3:'美腿', 4:'小露点', ...

  10. Django之模型系统

    Django模型简介 Django 模型是与数据库相关的,与数据库相关的代码一般写在 models.py 中 Django 支持 sqlite3, MySQL, oracle,PostgreSQL等数 ...