获取html中 title标签里的内容

最新推荐文章于 2024-06-24 01:45:00 发布

smalltree_it

最新推荐文章于 2024-06-24 01:45:00 发布

阅读量8k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/u013365312/article/details/17792913

版权

js 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

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_r('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_r('title')[0];

  document.write([document.title, title.text, title.innerHTML]);
})();
</script>
</body>
</html>

以上用例在IE6+、firefox3.6+测试通过！

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/hushc/archive/2011/03/20/6262048.aspx