Question

我有一些字符串形式的HTML。

var html = "
<html>
  <head>
    <title>
      Some Text
    </title>
  </head>
  <body>
    <h1>
      My First Heading
    </h1>
    <p>
      My first paragraph.
    </p>
  </body>
</html>
";

里面有标题标签。如何使用jquery或javascript获取title标签内的文本？

Answer 1

试试：

var title = $(html).filter('title').text();

Answer 2

因为到目前为止还没有人提到它，你也可以使用document.implementation.createHTMLDocument()来实现这个目的。

var domstr = "<html><head><title>Some Text</title></head><body><h1>My First Heading</h1><p>My first paragraph.</p></body></html>";
    doc    = document.implementation.createHTMLDocument('1337');
    doc.documentElement.innerHTML = domstr;

alert( doc.title );

Answer 3

这是我对它的抨击。创建documentFragment向其添加元素并使用querySelector获取元素，然后使用textContent获取文本。

var html = "<html><head><title>Some Text</title></head><body><h1>My First Heading</h1><p>My first paragraph.</p></body></html>",
    docFrag = document.createDocumentFragment(),
    el = document.createElement('html');

el.innerHTML = html;
docFrag.appendChild(el);

var text = docFrag.querySelector('title').textContent;

<强> Live Demo

Answer 4

如何使用DOMparser

var html  = "<html><head><title>Some Text</title></head><body><h1>My First Heading</h1><p>My first paragraph.</p></body></html>",
    doc   = (new DOMParser()).parseFromString(html, 'text/html');
    title = doc.title;

注意：任何版本的Safari

都不支持此功能

FIDDLE

Answer 5

在JavaScript中，只需

document.title

示例代码

<html>
    <head>
        <title>My Page Title</title>
    </head>
    <body>
        <p id="demo"></p>
        <script>
            document.getElementById("demo").innerHTML = document.title;
        </script>
    </body>
</html>

Answer 6

html.match(/<title>(.*)<\/title>/)[1]

Answer 7

如果你可以使用jQuery，显然不是首选，但对于纯Javascript：

/<title>(.*)<\/title>/.exec(html)[1]

Answer 8

html.substring(html.indexOf('<title>')+7, html.indexOf('</title>'))

Answer 9

您可以使用此jQuery选择器获取该文本。

$(function(){
var html = "<html><head><title>Some Text</title></head><body><h1>My First Heading</h1><p>My first paragraph.</p></body></html>";
var titleHTML = $(html).find("title").html();
alert(titleHTML);
});

它会警告＆＃34;某些文字＆＃34;

Answer 10

你也可以试试这个：

$('head > title').text();

如何使用jQuery获取标题标签？

10 个答案: