用JS实现HTML标签替换效果

有个静态页面
<span id=ab>abcde</span><span id=ab>abcde</span><span id=ab>abcde</span><span id=ab>abcde</span> 能否通过js实现，IE浏览时的代码被替换为
<img src="img/1.gif"/><img src="img/1.gif"/><img src="img/1.gif"/><img src="img/1.gif"/>





function change()
{
var image=document.getElementById('pic')
image.innerHTML=""
}


无标题文档


移到我这儿来

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
方法二：





function change()
{
var dd = document.getElementById('猪')
dd.innerHTML= "Menu1"}


function showMenu(){
document.getElementById("menu1").style.display="";
document.getElementById("menu1").focus();
}
function hideMenu(){
document.getElementById("menu1").style.display="none";
}


无标题文档


点击我这儿来

I am a Menu

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]