1. 程式人生 > >js獲取文件title內容(HTMLTitleElement知多少?)

js獲取文件title內容(HTMLTitleElement知多少?)

html文件中的title元素,在w3c文件中,有這樣的定義:

interface HTMLTitleElement : HTMLElement {
           attribute DOMString text;
};
可以看到title元素繼承了HTMLElement,並擁有一個text屬性,該屬性可讀寫title.text( = value);
那麼,如果我們要獲得title元素之間的文字,我們可以有多種方法,
1、document.title;
2、title.text;(var title = document.getElementsByTagName('title'));
3、title.innerHTML;
第三種方法不靠譜,會返回title之間的所有東西,包括elements、註釋節點;
而第一、第二種方法則是標準的獲取title內容的方法,它們會忽略elements、註釋等節點,返回所有text node節點字串;
測試用例如下:
<!DOCTYPE html>
<html lang="cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Html5-title標籤<!--註釋節點--></title>
</head>
<body>
<script type="text/javascript">
	(function () {
		var title = document.getElementsByTagName('title')[0];
		
		document.write([document.title, title.text, title.innerHTML]);
	})();
</script>
</body>
</html>
以上用例在IE6+、firefox3.6+測試通過!
歡迎大家拍磚!!!