全栈JavaScript之路(四)学习 `document ` 节点

`document `节点的类型:HTMLDocument  (继承自Document类型)。


<script>
    /** (一) document 的子节点 **/
    document.doctype; //the Document Type Declaration 
    document.documentElement; //html
    <!-- 注释节点 --> //有些浏览器注释是 document 的子节点

    /** (二)document 包含的信息 **/
    document.title
    document.domain
    document.URL
    document.referrer

    /** (三)document  查找元素的方法 **/
    document.getElementById()
    document.getElementsByTagName()
    document.getElementsByName()

    /** (四) document 包含的特殊的集合 **/
    document.anchors //包含文档中,所有 带有 name 属性的 <a>元素
    document.links //包含文档中,所有 带有 href 属性的  <a>元素
    document.images // 包含文档当中所有的 <img> 元素 相当 document.getElementByTagName('img')
    document.forms //包含文档当中所有的 <form> 元素 相当 document.getElementByTagName('forms')

    /** DOM 一致性检测**/
    /*
     Core 1.0、2.0、3.0 基本的DOM,用于描述表现文档的节点树
     XML 1.0、2.0、3.0 Core的XML扩展,添加了对CDATA、处理指令及实体的支持
     HTML 1.0、2.0 XML的HTML扩展,添加了对HTML特有元素及实体的支持
     Views 2.0 基于某些样式完成文档的格式化
     StyleSheets 2.0 将样式表关联到文档
     CSS 2.0 对层叠样式表1级的支持
     CSS2 2.0 对层叠样式表2级的支持
     Events 2.0,3.0 常规的DOM事件
     UIEvents 2.0,3.0 用户界面事件
     MouseEvents 2.0,3.0 由鼠标引发的事件(click、mouseover等)
     MutationEvents 2.0,3.0 DOM树变化时引发的事件
     HTMLEvents 2.0 HTML4.01事件
     Range 2.0 用于操作DOM树中某个范围的对象和方法
     Traversal 2.0 遍历DOM树的方法
     LS 3.0 文件与DOM树之间的同步加载和保存
     LS-Async 3.0 文件与DOM树之间的异步加载和保存
     Validation 3.0 在确保有效的前提下修改DOM树的方法

     建议多数情况下,在使用DOM 的某些特殊的功能之前,最好除了检测
     hasFeature()之外,还同时使用能力检测。
     */

    var hasXmlDom = document.implementation.hasFeature("HTML",'2.0')

    /** (6) 文档的写入**/
    /* 在文档加载期间使用write,writeln, 不需要用到 open(),close() */
    document.write();
    document.writeln();
    document.open();//打开文档输入流
    document.close();//关闭文档软入流
</script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值