欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JS 的 Document对象

程序员文章站 2023-11-10 20:28:22
Document 对象是是window对象的一个属性,因此可以将document对象作为一个全局对象来访问。 当浏览器载入 HTML 文档, 它就会成为 Document 对象。 Document对象的 属性和方法 1.html元素和body对象 document.documentElement 获 ......

document 对象是是window对象的一个属性,因此可以将document对象作为一个全局对象来访问。

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

document对象的 属性和方法

1.html元素和body对象

  document.documentelement  获取html元素,文档的根节点

  document.body  获取文档的body元素

2.文档信息

  document.title    获取文档标题<title>my title</title>

  document.url    返回文档完整的url比如:{协议}://{用户名}:{密码}@{主机名}:{端口号}/{路径}/{文件}?{参数}

  document.domain    返回当前文档的域名。

  document.referrer    返回载入当前页面的url

3.获取元素--element

  getelementbyid();

  getelementsbytagname();    标签

  getelementsbyname();    name

  getelementsbyclassname();

  queryselector();    获取匹配的第一个元素! ()中可以是css选择器的标准形式兼容到css2.  ( id, 类, 类型, 属性, 属性值)。

  queryselectorall();     获取元素集合,()中可以是css选择器的标准形式兼容到css2.

 4.文档写入

  write()    向文档写 html 表达式 或 javascript 代码。

  open()    打开一个流,用来收集来自任何write()或writeln()方法的输出。

  close()    关闭输入流,并显示数据

5.特殊集合

  1)document.anchors:返回文档中所有带那么特性的<a>元素。

  2)document.forms:返回文档中所有的<form>元素,与document.getelementbytagname("form")的到的结果相同。

  3)document.images:返回文档中所有的<img>元素,与document.getelementbytagname("img")的到的结果相同。

  4.document.links:返回文档中所有带href特性的<a>元素。

6.其他

  document.addeventlistener()    向文档添加句柄

  removeeventlistener() 

  document.cookie()    设置或返回与当前文档有关的所有cookie

  createelement()     创建元素节点

  createtextnode()    创建文本节点