js DOM(3)

Document节点

document节点对象是文档的根节点,每张网页都有自己的document对象。

window.document属性就指向这个对象。只要浏览器开始载入 HTML 文档,该对象就存在了,可以直接使用。document对象是documentHTML的一个实例,也是window对象的一个属性,因此可以将document对象作为一个全局对象来访问。

Document节点的子节点可以是DocumentType,Element,ProcessingInstruction或Comment。ProcessingInstruction 对象可表示处理指令。这个不常用的接口表示 XML 文档中的一个处理指令(或 PI)。
注:使用 HTML 文档的程序设计者不会遇到 ProcessingInstruction 节点

  1。获取doctype节点
  document.doctype

2。html元素
  document.documentElement来获取html元素

   3。body元素
   document.body来获取body元素。

   4。head元素
   document.head

5.文档信息
  document.title获取文档标题。(kedukexie)
  document.URL属性包含页面完整的URL比如:{协议}://{用户名}:{密码}@{主机名}:{端口号}/{路径}/{文件}?{参数}
  document.domain属性只包括页面的域名。
  document.referrer属性是从什么页面跳到当前页面的。
document.charset返回当前文档的编码方式

3.获取元素
    1)getElementById();
    2)getElementsByTagName();
    3)getElementsByName();
    4)getElementsByClassName();
    5)querySelector();获取单个元素,()中可以是css选择器的标准形式兼容到css2.
    6)querySelectorAll();获取元素集合,()中可以是css选择器的标准形式兼容到css2.
  4.特殊集合
    1)document.anchors:包含文档中所有带name特性的<a>元素。
    2)document.forms:包含文档中所有的<form>元素,与
document.getElementByTagName("form")的到的结果相同。
(可使用下标、name值、id值读取)
    3)document.images:包含文档中所有的<img>元素,与
document.getElementByTagName("img")的到的结果相同。
(可使用下标、name值、id值读取)
    4.document.links:包含文档中所有带href特性的<a>或<area> 元素。
扩展:<area> 标签定义图像映射中的区域(注:图像映射指得是带有可点击区域的图像)。
area 元素总是嵌套在 <map> 标签中,<area> 没有结束标签。
注释:[<img>] 标签中的 usemap 属性与 [map]元素 name 属性相关联,创建图像与映射之间的联系。

5.文档写入
    1)write():按原样写入。
    2)writeln():在字符串的末尾添加一个换行符。
    3)open():打开网页的输出流。
    4)close():关闭网页的输出流。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容