美文网首页
JavaScript阮一峰教程DOM(document)API一

JavaScript阮一峰教程DOM(document)API一

作者: joker731 | 来源:发表于2018-04-23 02:05 被阅读82次

    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对象一节的介绍。

    相关文章

      网友评论

          本文标题:JavaScript阮一峰教程DOM(document)API一

          本文链接:https://www.haomeiwen.com/subject/drtklftx.html