查看效果:http://keleyi.com/keleyi/phtml/image/9.htm

下面是完整代码:

<html>
<body>
<div id="keleyiimagescount" style="background:url(http://keleyi.com/keleyi/phtml/picnext/images/k05.jpg);width:550px;height:380px;"></div>
<img border="0" src="http://keleyi.com/image/a/tvh00n12.jpg" />
<img border="0" src="http://keleyi.com/keleyi/phtml/picnext/images/k03.jpg" />
<br /><br />
本页中图片的总数是:<span id="keleyiimagesnum"></span>
<script type="text/javascript">
window.onload = function () {
document.getElementById("ke"+"leyiimagescount").innerHTML="<img src='http://keleyi.com/keleyi/phtml/picnext/images/k01.gif' />";
document.getElementById("kel"+"eyiimagesnum").innerHTML=document.images.length;
}
</script>
</body>
</html>


效果如下:

 



本页中图片的总数是:

你能全部找到吗?

总结:使用document.images.length可以获取页面中图片的总数,包括使用javascript加入的图片,但是css定义的背景图片不算

原文:http://keleyi.com/a/bjac/ovyge49k.htm

posted on 2013-08-21 20:42  计划  阅读(5768)  评论(0编辑  收藏  举报