如何獲取HTML頁面的標題?下面本篇文章就來給大家介紹一下使用javascript獲取HTML文檔標題的方法,希望對大家有所幫助。
原文地址:如何獲取HTML文檔的標題?
方法一:使用title屬性
title 屬性可返回當前文檔的標題( HTML title 元素中的文本)。
語法:
document.title
示例:使用document.title屬性獲取HTML文檔的標題。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>My title</title>
</head>
<body>
HTML文件的標題爲:
<script type="text/javascript">
document.write(document.title)
</script>
</body>
</html>
輸出:
HTML文件的標題爲: My title
方法二:使用document.getElementsByTagName()方法
getElementsByTagName() 方法可返回帶有指定標籤名的對象的集合,該方法返回元素的順序是它們在文檔中的順序。
語法:
document.getElementsByTagName(tagname)
示例:document.getElementsByTagName()方法首先按標籤名稱選擇標題,然後在索引0處獲取元素,從而獲得文檔的標題。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>My title!</title>
</head>
<body>
HTML文件的標題爲:
<script type="text/javascript">
var title = document.getElementsByTagName("title")[0];
document.write(title.innerHTML)
</script>
</body>
</html>
輸出:
HTML文件的標題爲: My title!
相關推薦: