ハイライト表示が消えてしまう
フレームを使って、右側のリンクリスト（right.html）をクリックした際に、左側に表示されたHTMLの文言をハイライト表示させたいと思っています
ある程度は出来てきたのですが、一瞬ハイライトしてすぐに消えてしまうのです・・・
どなたかお助けして頂けませんでしょうか
宜しくお願い致します
～index.html～
<head>
<meta content="text/html; charset=Shift-JIS" http-equiv="content-type">
<title>ハイライト表示</title>
</head>
<frameset cols="1031,*" frameborder="no" border="0" framespcing="0">
<frame src="#" scrolling="yes" id="left" name="left">
<frame src="right.html" scrolling="yes" id="right" name="right" noresize="noresize">
</frameset>
<body>
</body>
</html>
～right.html～
<head>
<meta content="text/html; charset=Shift-JIS" http-equiv="content-type">
<script language="javascript">
<!--
function change(str,url){
parent.left.location.href=url;
var re=new RegExp(str,"g");
var b=parent.left.document.body;
var ss=b.innerHTML;
b.innerHTML= ss.replace(re,"<span style=\"background:#77ff77;font-weight:bold\">"+str+"</span>");
}
//-->
</script>
</head>
<body>
<ls><a href="#" onclick="change('建物','left_1.html')">left_1.html</a></ls>
<ls><a href="#" onclick="change('建物','left_2.html')">left_2.html</a></ls>
<ls><a href="#" onclick="change('建物','left_3.html')">left_3.html</a></ls>
</body>
</html>
ちなみにleft_1.html等のリンク先のHTMLは修正する事が出来ません
何卒宜しくお願い致します
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_4_thumbnail_img_sm.png)
補足
蛍光ペンのようなかんじで、ハイライトするという意味です。