document节点和element节点的属性和操作

JavaScript这门语言通过Document类型来表示文档。在浏览器中,**用document来表示整个HTML或者XML文档**。**document节点是文档的根节点,其它节点都是它的子节点**。只要浏览器开始载入HTML文档,这个节点对象就存在了,可以直接调用。

document节点:

- 子节点:
对于HTML文档来说,document对象一般有两个子节点。
1)第一个是document.doctype,它是一个对象,包含了当前文档类型信息。
不同浏览器对这个节点的支持差别很大,开发中尽量避免使用。
2)第二个是document.documentElement,返回当前文档的根节点(root)。即节点。
- 文档属性:
1)document.head属性返回当前文档的节点
2)document.body属性返回当前文档的节点
这两个属性总是存在的,如果网页源码里面省略了或,浏览器会自动创造。document.body在开发中经常被用到。
3)document.links返回当前文档所有设定了href属性的a及area元素。
4)document.forms返回页面中所有表单元素form。
5)document.images返回页面所有图片元素(即img标签)。
6)document.embeds返回网页中所有嵌入对象,即embed标签。
以上4个属性返回的总是节点对象的集合,可以通过类似访问数组的方式进行访问。
如:var images = document.images; images[0];
- 文档的信息
1)document.documentURI和document.URL
这两个属性返回表示当前文档的网址的字符串,不同之处是documentURI属性是所有文档都具备的URL属性则是HTML文档独有的。

2)document.domain
返回当前文档的域名。比如,某张网页的网址是 http://www.example.com/test.html ,domain属性就等于www.example.com。如果网页无法获取域名,该属性返回null。
3)document.lastModified
这个属性返回当前文档最后修改的时间戳,格式为字符串。注意,lastModified属性的值是字符串,所以不能用来直接比较,两个文档谁的日期更新,需要用Date.parse方法转成时间戳格式,才能进行比较。

4)document.referrer
属性返回一个字符串,获取上一页的网页地址,如果当前文档不是通过超链接访问的,则为 null。

5)document.title
返回当前文档的标题,该属性是可写的。可以用这个属性来更改网页的标题
6)document.characterSet
这个属性返回渲染当前文档的字符集,比如UTF-8、GBK等。
7)document.location
这个属性返回location对象,提供了当前文档的URL信息。以下是它的一些属性:
在这里插入图片描述
location对象,还有一些方法:
在这里插入图片描述

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值