document 对象API

d1.png

d2.png

• document.cookie属性用来操作浏览器 Cookie，详见《浏览器模型》部分的《Cookie》章节。
• document.designMode属性控制当前文档是否可编辑，通常用在所见即所得编辑器。该属性只有两个值on和off，默认值为off。
• document.implementation属性返回一个DOMImplementation对象。该对象有三个方法，主要用于创建独立于当前文档的新的 Document 对象。
• document.write方法用于向当前文档写入内容。
• document.querySelector方法接受一个 CSS 选择器作为参数，返回匹配该选择器的元素节点。如果有多个节点满足匹配条件，则返回第一个匹配的节点。如果没有发现匹配的节点，则返回null。
• document.getElementsByTagName方法搜索 HTML 标签名，返回符合条件的元素。它的返回值是一个类似数组对象（HTMLCollection实例），可以实时反映 HTML 文档的变化。如果没有任何匹配的元素，就返回一个空集。
• document.getElementsByClassName方法返回一个类似数组的对象（HTMLCollection实例），包括了所有class名字符合指定条件的元素，元素的变化实时反映在返回结果中。
• document.getElementsByName方法用于选择拥有name属性的 HTML 元素（比如<form>、<radio>、<img>、<frame>、<embed>和<object>等），返回一个类似数组的的对象（NodeList实例），因为name属性相同的元素可能不止一个。
• document.getElementById方法返回匹配指定id属性的元素节点。如果没有发现匹配的节点，则返回null。
• document.elementFromPoint方法返回位于页面指定位置最上层的元素节点。
• document.caretPositionFromPoint()返回一个 CaretPosition 对象，包含了指定坐标点在节点对象内部的位置信息。CaretPosition 对象就是光标插入点的概念，用于确定光标点在文本对象内部的具体位置。
• document.createElement方法用来生成元素节点，并返回该节点。
• document.createTextNode方法用来生成文本节点（Text实例），并返回该节点。它的参数是文本节点的内容。
• document.createAttribute方法生成一个新的属性节点（Attr实例），并返回它。
• document.createComment方法生成一个新的注释节点，并返回该节点。
• document.createDocumentFragment方法生成一个空的文档片段对象（DocumentFragment实例）。
• document.createEvent方法生成一个事件对象（Event实例），该对象可以被element.dispatchEvent方法使用，触发指定事件。
• 这三个方法用于处理document节点的事件。它们都继承自EventTarget接口，详细介绍参见《EventTarget 接口》一章。
• document.hasFocus方法返回一个布尔值，表示当前文档之中是否有元素被激活或获得焦点。
• document.adoptNode方法将某个节点及其子节点，从原来所在的文档或DocumentFragment里面移除，归属当前document对象，返回插入后的新节点。插入的节点对象的ownerDocument属性，会变成当前的document对象，而parentNode属性是null。
• document.createNodeIterator方法返回一个子节点遍历器。
• document.createTreeWalker方法返回一个 DOM 的子树遍历器。它与document.createNodeIterator方法基本是类似的，区别在于它返回的是TreeWalker实例，后者返回的是NodeIterator实例。另外，它的第一个节点不是根节点。
• 这个方法指向window.getSelection()，参见window对象一节的介绍。