16

我正在尝试使用 innerHTML javascript 替换 html。

从：

aaaaaa/cat/bbbbbb

至：

<a href="http://www.google.com/cat/world">Helloworld</a>

这是我的代码

<html>
<head>
</head>
<body>
<p id="element1">aaaaaa/cat/bbbbbb</p>

<script language="javascript">
var strMessage1 = document.getElementById("element1") ;
strMessage1.innerHTML = strMessage1.innerHTML.replace( /aaaaaa./g,'<a href=\"http://www.google.com/') ;
strMessage1.innerHTML = strMessage1.innerHTML.replace( /.bbbbbb/g,'/world\">Helloworld</a>') ;
</script>
</body>
</html>

当我运行此代码时，它会消失 Helloworld 超链接。我做错了什么。请帮忙。

谢谢你的帮助。

4

2 回答 2

23

您应该将 replace() 链接在一起，而不是分配结果并再次替换。

var strMessage1 = document.getElementById("element1") ;
strMessage1.innerHTML = strMessage1.innerHTML
                        .replace(/aaaaaa./g,'<a href=\"http://www.google.com/')
                        .replace(/.bbbbbb/g,'/world\">Helloworld</a>');

见演示。

于 2013-03-25T15:24:07.287 回答
5

您正在替换起始标记，然后将其放回innerHTML，因此代码将无效。在将代码放回元素之前进行所有替换：

var html = strMessage1.innerHTML;
html = html.replace( /aaaaaa./g,'<a href=\"http://www.google.com/');
html = html.replace( /.bbbbbb/g,'/world\">Helloworld</a>');
strMessage1.innerHTML = html;
于 2013-03-25T15:22:58.317 回答