怎么检测内容中的图片

如何检测内容中的图片
比如发布的内容(Html代码)：

<P   align=center> <IMG   style= "WIDTH:   388px;   HEIGHT:   342px "   height=399   src= "http://bbspic.bokee.com/forumDate/259/9cb1d5dc6908315176b2cd2833887ddc2297.jpg "   width=560>
<P   align=center> <FONT   style= "FONT-SIZE:   20px;   FONT-FAMILY:   幼圆 "   color=#990000> <STRONG> <IMG   src= "http://bbspic.bokee.com/forumDate/259/66290656a3ada0bc4e8c3d1590865eb32298.jpg "> </STRONG> </FONT> </P>
<P   align=center> <FONT   style= "FONT-SIZE:   20px;   FONT-FAMILY:   幼圆 "   color=#990000> <STRONG> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;   六一儿童节，多少孩子在哭泣？ </STRONG> </FONT> </P>


其中有两张图片，如何在显示的时候让这两张图片超过一定的宽度就自动缩小~

[解决办法]
<script language= "javascript ">
var s=document.getElementsByTagName( "img ");
for (i=0;i <s.length;i++ )
{
s[i].style.height= "100 ";
}
</script>
这段代码放在最下面
[解决办法]
可以加上一个判断
if(s[i].style.height> 500)
s[i].style.height=100;
[解决办法]
加个id
[解决办法]
或则name