求一个JS类似于过滤html标签的正则表达式？

[只是来听歌的]

字符串str，其值为：

<p><img height="214" alt="test" src="akalghtestsa1.jpg" width="210">这是一个test的字符串</p>
<span class='test' Id='test1'>test</span>

我现在要把str中的‘test’替换为‘new’,得到结果如下：

<p><img height="214" alt="test" src="akalghtestsa1.jpg" width="210">这是一个new的字符串</p>
<span class='test' Id='test1'>new</span>

注意，不能替换标签内的元素

[天际的海浪]

str=str.replace(/test(?![^<]*>)/g,"new");

[scscms太阳光]

var str ='<<这个test要替换 <p>这个test也要替换>><img height="214" alt="test" src="akalghtestsa1.jpg" width="210">这是一个test的字符串</p><span class="test" Id="test1">test</span>';
str=str.replace(/([^>]*)(<[^<>]+>)([^<]*)/gi,function(a,b,c,d){
  return b.replace(/test/gi,"new")+c+d.replace(/test/gi,"new");
});