只适用于HTML的DOM对象
前面,已经学习了如何对树结构进行遍历,并添加、删除、修改任何XML文档中的节点。但是,还有一些对象和属性石只适用于HTML的。列如,document.body就是一个纯HTML对象。只要HTML文档中包含了body标签就可以访问,其功能等价于document.getElementsByTagName('body')[0],但调用方式则要有好得多。
访问文档的基本方法
- document.images:当前页面中所有图片的集合
- document.links:包含了页面中所有的a标签列表
- document.anchors:包含name属性的链接
- document.forms
其中使用最广泛的还是要数document.forms集合了,这是一个<form>标签的列表
document.forms[0] //等价于 document.getElementsByTagName('forms')[0]
forms集合中包含一系列的input字段和按钮,我们可以通过该对象的elements属性来访问它们。
document.forms[0].elements[0].value='me@example.org' //如果form本身或者form中的元素拥有name属性的话,我们也可以通过名字来访问 document.forms[0].element['search']; document.forms[0].element.search;
document.write()
通过document.write()/document.writeln()方法,我们可以在当前页面载入时插入一些HTML元素:
<p>It is now <script>document.write("<em>")+new Date()+"</em>";</script></p>
需要注意的是,我们只能在页面载入时调用document.write()方法,如果我们也试图在载入之后调用该方法,整个页面的内容都会被替换掉。
Cookie、Title、Referrer、Domain
document.cookie属性实际上是一个字符串,其中存储了用于往返服务器端与客户端之间的cookie信息。
document.title属性则是被用来修改页面在浏览器窗口中所显示的标题。
document.domain我们可以对当前所载入的页面的域名进行访问。
document.referrer中记录的是我们之前所访问过的页面URL。