js获取页面中图片的总数

查看效果: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);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

原文地址:https://www.cnblogs.com/jihua/p/imgcount.html