• 《寻梦环游记》《至爱梵高》 明年奥斯卡种子选手且看且珍惜 2018-06-23
  • 海南特区改革开放30年:闯出一片辽阔的海 2018-06-23
  • 黑龙江省近三年有400多名责任人因破坏营商环境被处理 2018-06-23
  • 右玉:锣鼓喧天庆盛世 万民欢腾闹元宵 2018-06-23
  • 【手绘H5】我们的领袖习近平 2018-06-23
  • 上市公司并购新三板企业升温 2018-06-23
  • 特朗普再与世界"为敌" 多国斥其关于耶路撒冷决定 2018-06-22
  • 严防“两节”期间“四风”反弹 持续保持高压态势 2018-06-22
  • 反转!华南理工大学否认向莱阳14岁神童发送考察函 2018-06-21
  • 中国出版集团公司总裁谭跃委员:唱响新时代的好声音 2018-06-21
  • 新華網評:分享經濟,別演成分享的“獨角戲” 2018-06-20
  • 红薯会越放越甜吗 如何保存红薯最科学? 2018-06-20
  • 猪肉创八年新低部分养殖户巨亏离场 行业加速洗牌 2018-06-19
  • 招商证券:创业板反弹压力逐渐显现 2018-06-19
  • “一拖二快三”足球比分直400余名应届大学毕业生成为部队“准警官” 2018-06-19
  • 【JavaScript教程】HTML DOM Document 对象

    栏目: Javascript 发布于: 2014-11-29 20:42:29

    HTML DOM Document 对象


    HTML DOM 节点

    在 HTML DOM (Document Object Model) 中 , 每一个元素都是 节点:

    • 文档是一个文档。
    • 所有的HTML元素都是元素节点。
    • 所有 HTML 属性都是属性节点。
    • 文本插入到 HTML 元素是文本节点。are text nodes。
    • 注释是注释节点。

    Document 对象

    当浏览器载入 HTML 文档, 它就会成为 document 对象。

    document 对象是HTML文档的根节点与所有其他节点(元素节点,文本节点,属性节点, 注释节点)。

    Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。

    提示:Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问。


    浏览器支持

    Internet ExplorerFirefoxOperaGoogle ChromeSafari

    所有主要浏览器都支持 Document 对象。


    Document 对象属性和方法

    HTML文档中可以使用以上属性和方法:

    属性 / 方法 描述
    document.addEventListener() 向文档添加句柄
    document.adoptNode(node) 从另外一个文档返回 adapded 节点到当前文档。
    document.anchors 返回对文档中所有 Anchor 对象的引用。
    document.applets 返回对文档中所有 Applet 对象的引用。
    document.baseURI 返回文档的绝对基础 URI
    document.body 返回文档的body元素
    document.close() 关闭用 document.open() 方法打开的输出流,并显示选定的数据。
    document.cookie 设置或返回与当前文档有关的所有 cookie。
    document.createAttribute() 创建一个属性节点
    document.createComment() createComment() 方法可创建注释节点。
    document.createDocumentFragment() 创建空的 DocumentFragment 对象,并返回此对象。
    document.createElement() 创建元素节点。
    document.createTextNode() 创建文本节点。
    document.doctype 返回与文档相关的文档类型声明 (DTD)。
    document.documentElement 返回文档的根节点
    document.documentMode 返回用于通过浏览器渲染文档的模式
    document.documentURI 设置或返回文档的位置
    document.domain 返回当前文档的域名。
    document.domConfig 返回normalizeDocument()被调用时所使用的配置
    document.embeds 返回文档中所有嵌入的内容(embed)集合
    document.forms 返回对文档中所有 Form 对象引用。
    document.getElementById() 返回对拥有指定 id 的第一个对象的引用。
    document.getElementsByName() 返回带有指定名称的对象集合。
    document.getElementsByTagName() 返回带有指定标签名的对象集合。
    document.images 返回对文档中所有 Image 对象引用。
    document.implementation 返回处理该文档的 DOMImplementation 对象。
    document.importNode() 把一个节点从另一个文档复制到该文档以便应用。
    document.inputEncoding 返回用于文档的编码方式(在解析时)。
    document.lastModified 返回文档被最后修改的日期和时间。
    document.links 返回对文档中所有 Area 和 Link 对象引用。
    document.normalize() 删除空文本节点,并连接相邻节点
    document.normalizeDocument() 删除空文本节点,并连接相邻节点的
    document.open() 打开一个流,以收集来自任何 document.write() 或 document.writeln() 方法的输出。
    document.querySelector() 返回文档中匹配指定的CSS选择器的第一元素
    document.querySelectorAll() document.querySelectorAll() 是 HTML5中引入的新方法,返回文档中匹配的CSS选择器的所有元素节点列表
    document.readyState 返回文档状态 (载入中……)
    document.referrer 返回载入当前文档的文档的 URL。
    document.removeEventListener() 移除文档中的事件句柄(由 addEventListener() 方法添加)
    document.renameNode() 重命名元素或者属性节点。
    document.scripts 返回页面中所有脚本的集合。
    document.strictErrorChecking 设置或返回是否强制进行错误检查。
    document.title 返回当前文档的标题。
    document.URL 返回文档完整的URL
    document.write() 向文档写 HTML 表达式 或 JavaScript 代码。
    document.writeln() 等同于 write() 方法,不同的是在每个表达式之后写一个换行符。


    警告 !!!

    在 W3C DOM核心,文档对象 继承节点对象的所有属性和方法。

    很多属性和方法在文档中是没有意义的。

    HTML 文档对象可以避免使用这些节点对象和属性:

    ?属性 / 方法 避免的原因
    document.attributes 文档没有该属性
    document.hasAttributes() 文档没有该属性
    document.nextSibling 文档没有下一节点
    document.nodeName 这个通常是 #document
    document.nodeType 这个通常是 9(DOCUMENT_NODE)
    document.nodeValue 文档没有一个节点值
    document.ownerDocument 文档没有主文档
    document.ownerElement 文档没有自己的节点
    document.parentNode 文档没有父节点
    document.previousSibling 文档没有兄弟节点
    document.textContent 文档没有文本节点

    本文转载自:w3cschool
    本站文章除注明转载外,均为本站原创或编译?;队魏涡问降淖?,但请务必注明出处。
    转载请注明:文章转载自 七星彩票平台
    本文标题:【JavaScript教程】HTML DOM Document 对象
    IT技术书籍推荐:
    细说PHP(精要版)
    细说PHP(精要版)
    高洛峰 (作者), LAMP兄弟连 (编者)
    PHP是开发Web应用系统最理想的工具,拥有易于使用、功能强大、成本低廉、安全性高、开发速度快且执行灵活等优点?!断杆礟HP(第2版)》自出版以来,销售一路在同类书籍中领先,已成为PHP学习者首选的工具书。为了可以让读者携带方便及更精准地掌握PHP的重点、要点,同时能使之作为大学计算机系PHP教材普及,特别推出《细说PHP精要版》。本书是以《细说PHP(第2版)》为基础,提取出精华内容,都是PHP开发中必须需要掌握的技术点。全书以实用为目标设计,包含PHP开发中必备的各项技术,对已列出的每一个知识点都进行了深入详细的讲解,并附有大量的经典实例代码,图文并茂,并且侧重介绍了PHP的相关技术在实际Web开发中的应用。