作为一个标准的HTML文档,网页标题(title)是必不可少的属性。随着浏览器的发展,我们又多了一种访问和修改文档的方式:DOM。所以我们获取网页标题的方式大致可分为以下两种:
通过document对象访问title
var title = document.title;
通过DOM方式访问title
var title = document.getElementsByTagName('title')[0];
但是这两种获取方式是截然不同的,document.title这种方式可以直接获得网页标题的字符串副本,它返回一个字符串;然而通过DOM方式获取的则是HTML文档中的title结点对象。
var TOSTRING = Object.prototype.toString;
alert(TOSTRING.call(document.getElementsByTagName('title')[0]));// output [object Object]
alert(TOSTRING.call(document.title)); // output [object String]
我们可以利用结点对象的innerHTML属性输出网页标题:
document.getElementsByTagName('title')[0].innerHTML;
修改网页标题
此处我们讨论IE浏览器在实现时的一个小Bug:我们知道,理论上可以通过DOM修改HTML文档中的任何一个节点,按照这句话,我们当然可以修改HTML文档中的title节点了。但有趣的是,IE浏览器在这个地方实现的比较怪异,具体为:
IE中不能通