去除img标签以外的所有字符

Question

比如有段字符串
div class="imgList"><ul><li style="width:20%"><a href="show.aspx?id=363&amp;cid=33"  target="_blank"  title="绝对的负责保证绝对的安全"><img src="upload/2009_05/09051510396217t.jpg" alt="绝对的负责保证绝对的安全" width="120" height="90"/>绝对的负责保证绝对</a></li><li style="width:20%"><a href="show.aspx?id=334&amp;cid=33"  target="_blank"  title="小关派出所以热心、诚心、细心、耐心做好窗口服务工作，收到群众锦旗"><img src="upload/2009_02/09020415564272t.jpg" alt="小关派出所以热心、诚心、细心、耐心做好窗口服务工作，收到群众锦旗" width="120" height="90"/>小关派出所以热心、</a></li><li style="width:20%"><a href="show.aspx?id=332&amp;cid=33"  target="_blank"  title="小关派出所召开述职述廉报告会"><img src="upload/2008_12/08121510373315t.jpg" alt="小关派出所召开述职述廉报告会" width="120" height="90"/>小关派出所召开述职</a></li><li style="width:20%"><a href="show.aspx?id=329&amp;cid=38"  target="_blank"  title="践行科学发展观全力共建平安社区"><img src="upload/2008_12/08120109456280t.jpg" alt="践行科学发展观全力共建平安社区" width="120" height="90"/>践行科学发展观全力</a></li><li style="width:20%"><a href="show.aspx?id=305&amp;cid=47"  target="_blank"  title="小关派出所组织学员学习十七大3"><img src="upload/2007_10/07101713546426t.jpg" alt="小关派出所组织学员学习十七大3" width="120" height="90"/>小关派出所组织学员</a></li></ul></div> 我只想保留<img />标签 其他的都剔除掉！                                                    谢谢！

Answer 1

<div class="imgList" id="aaa"> //加个id
function removeCont(){
  var div=document.getElementById("aaa");
  var img= div. getElementsTagName("img");
  div.innerHTML='';
  for(var i=0;i< img.length;i++){
     div.innerHTML+= img[i];
  }
}

Answer 2

s = "div class=\"imgList\"> <ul> <li style=\"width:20%\"> <a href=\"show.aspx?id=363&amp;cid=33\"  target=\"_blank\"  title=\"绝对的负责保证绝对的安全\"> <img src=\"upload/2009_05/09051510396217t.jpg\" alt=\"绝对的负责保证绝对的安全\" width=\"120\" height=\"90\"/>绝对的负责保证绝对 </a> </li> <li style=\"width:20%\"> <a href=\"show.aspx?id=334&amp;cid=33\"  target=\"_blank\"  title=\"小关派出所以热心、诚心、细心、耐心做好窗口服务工作，收到群众锦旗\"> <img src=\"upload/2009_02/09020415564272t.jpg\" alt=\"小关派出所以热心、诚心、细心、耐心做好窗口服务工作，收到群众锦旗\" width=\"120\" height=\"90\"/>小关派出所以热心、 </a> </li> <li style=\"width:20%\"> <a href=\"show.aspx?id=332&amp;cid=33\"  target=\"_blank\"  title=\"小关派出所召开述职述廉报告会\"> <img src=\"upload/2008_12/08121510373315t.jpg\" alt=\"小关派出所召开述职述廉报告会\" width=\"120\" height=\"90\"/>小关派出所召开述职 </a> </li> <li style=\"width:20%\"> <a href=\"show.aspx?id=329&amp;cid=38\"  target=\"_blank\"  title=\"践行科学发展观全力共建平安社区\"> <img src=\"upload/2008_12/08120109456280t.jpg\" alt=\"践行科学发展观全力共建平安社区\" width=\"120\" height=\"90\"/>践行科学发展观全力 </a> </li> <li style=\"width:20%\"> <a href=\"show.aspx?id=305&amp;cid=47\"  target=\"_blank\"  title=\"小关派出所组织学员学习十七大3\"> <img src=\"upload/2007_10/07101713546426t.jpg\" alt=\"小关派出所组织学员学习十七大3\" width=\"120\" height=\"90\"/>小关派出所组织学员 </a> </li> </ul> </div>"var re = /<img[^>]+>/g;
var a = s.match(re);
t = "";
for(var i=0;i<a.length;i++){
   t+=a[i];    
}
alert(t)

Answer 3

谢谢。这个就是我想要的。
还有个问题。这个获取的<img> 我如何改变其中的width height属性呢。

Answer 4

<script type="text/javascript">
    var s = '<%=ImgTopList(0,5,5,"normal",0,false,false,false)%>';
    var re = /<img[^>]+>/g;
    var re1=/(width=\")(\d+)[px]?(\")/g;
    var re2=/(height=\")(\d+)[px]?(\")/g;
    var a = s.match(re);
    t = "";
    for(var i=0;i<a.length;i++){
        t+=a[i].replace(re1,"$1150$3").replace(re2,"$190$3");    
    }
    //alert(t);
    document.getElementById("deme1").innerHTML=t;
    
</script>    问题解决