js獲取文件title內容(HTMLTitleElement知多少?)
阿新 • • 發佈:2019-02-03
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+測試通過!
歡迎大家拍磚!!!