js获取页面中图片的总数

时间:2024-01-02 09:05:08

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

效果如下:

js获取页面中图片的总数
js获取页面中图片的总数

本页中图片的总数是:

// ";
document.getElementById("kel"+"eyiimagesnum").innerHTML=document.images.length;
}
// ]]>

你能全部找到吗?

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

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