javascript - 获取

Question

我有以下结构 h1元素

<h1>
<a href="#">My Text</a> <span>More Text</span> another text <a href="#">and a bit more</a>
</h1>

如何从 h1 获取内容并将它们转换为文本，因此输出为 "My Text More Text another text and a bit more"

然后将其放入 <title>页面的？所以没有链接、跨度等......只是文本？

Answer 1

没有 jQuery，您可以访问 <h1>的textContent属性(innerText 在旧版 IE 中)，您可以更改 document.title (比如修改 <title></title> )。这是一个例子:

var text = "textContent" in document.body ? "textContent" : "innerText";
document.title = document.getElementsByTagName("h1")[0][text];

取决于您想要如何定位<h1> ，您可以更改document.getElementsByTagName("h1")[0] .

另外，我不确定它如何影响 title ，但第一个 <a> 之前有空格最后</a>之后将被包括在内，除非您 trim字符串。所以也许把它变成:

function trim(s) {
    if (typeof s === "string") {
        s = s.replace(/^\s+|\s+$/g, "");
    }
    return s;
}

var el = document.getElementsByTagName("h1")[0],
    text = "textContent" in el ? "textContent" : "innerText";
document.title = trim(el[text]);

演示: http://jsfiddle.net/tzGzC/

当然，只使用 jQuery，就简单多了:

var el = $("h1").eq(0),
    text = el.text();
document.title = $.trim(text);

演示: http://jsfiddle.net/kMXLW/

引用文献:

• document.title : https://developer.mozilla.org/en-US/docs/Web/API/document.title
• .textContent : https://developer.mozilla.org/en-US/docs/Web/API/Node.textContent