如何获取HTML文档的标题?

yanghs · · 961 次点击 · · 开始浏览    
这是一个创建于 的文章,其中的信息可能已经有所发展或是发生改变。

如何获取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!

相关推荐:

angularjs教程

golang教程

redis入门教程


有疑问加站长微信联系(非本文作者)

本文来自:简书

感谢作者:yanghs

查看原文:如何获取HTML文档的标题?

入群交流(和以上内容无关):加入Go大咖交流群,或添加微信:liuxiaoyan-s 备注:入群;或加QQ群:692541889

961 次点击  
加入收藏 微博
暂无回复
添加一条新回复 (您需要 登录 后才能回复 没有账号 ?)
  • 请尽量让自己的回复能够对别人有帮助
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`
  • 支持 @ 本站用户;支持表情(输入 : 提示),见 Emoji cheat sheet
  • 图片支持拖拽、截图粘贴等方式上传