如何在javascript中替换特定标签内容

Question

我有一个字符串，可能是也可能不是有效的 HTML，但它应该包含一个标题标签。
我想用新内容替换标题的内容。

示例 1：

lorem yada yada <title>Foo</title> ipsum yada yada  

应该变成：

lorem yada yada <title>Bar</title> ipsum yada yada  

示例 2：

lorem yada yada <title attributeName="value">Foo</title> ipsum yada yada  

应该变成：

lorem yada yada <title attributeName="value">Bar</title> ipsum yada yada  

我不想用正则表达式解析 html - 只需替换标题标签...请不要给我发here...

编辑： 经过无数次投票和很多光顾的态度 -
我知道（正如在原始帖子中所承认的那样）通常 Regex 不是处理 HTML 的方法。我对任何可以解决我的问题的解决方案持开放态度，但到目前为止，每个 JQuery / DOM 解决方案都不起作用。 “正确”是不够的。

Answer 1

困难用正则表达式可靠地做这样的事情（阅读：“不适用于所有情况”），因此如果可能的话最好使用某种适当的解析器。

也就是说，这是一个适用于您的示例的简单表达式：

var re = /(<title\b[^>]*>)[^<>]*(<\/title>)/i;
str = str.replace(re, "$1Bar$2");

这不能处理并且不能正常工作的一些东西：cmets、quotes、CDATA 等。

Answer 2

function replaceTitle( str, replacement ) {
    var tmp = document.createElement("ihatechrome");
    tmp.innerHTML = str;
    tmp.getElementsByTagName("title")[0].innerHTML = replacement;
    return tmp.innerHTML;   
}

replaceTitle( "lorem yada yada <title>Foo</title> ipsum yada yada", "Bar" );
//"lorem yada yada <title>Bar</title> ipsum yada yada"

出于某种原因，如果有带有src 的img 标签，谷歌浏览器会发出请求。没有任何意义，但这就是发生的事情。

编辑：

这似乎在 chrome 中工作（不加载图像）：

var doc = document.implementation.createHTMLDocument("");

doc.body.innerHTML = "<img src='/'>";

doc.body.innerHTML; //"<img src="/">"

Answer 3

请上帝不要尝试用正则表达式解析 html（我知道你说你没有解析它，但你是......） jQuery 有一套非常好的原语来操作不在其中的 html DOM：

var htmlishString = "almost <title>HTML</title>";
var $fakeDiv = jQuery('<div />');
$fakeDiv.html(htmlishString).find('title').text('Bar');
var manipulatedString = $fakeDiv.html()

http://jsfiddle.net/4kQkx/