用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="/UploadFiles/2021-04-02/1.gif"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> </head> <body> 移到我这儿来 </body> </html>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
方法二：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> </head> <body> 点击我这儿来 I am a Menu </body> </html>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]