js获取页面中图片的总数

最新推荐文章于 2023-05-14 17:14:07 发布

xiaozhen0610

最新推荐文章于 2023-05-14 17:14:07 发布

阅读量1.2k

点赞数

分类专栏：前端

原文链接：https://www.mk2048.com/blog/blog_hjc0j12cbk2j.html

版权

前端专栏收录该内容

844 篇文章 0 订阅

订阅专栏

查看效果：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="https://i-blog.csdnimg.cn/blog_migrate/b6336999c34045bfcba788de9a6fb495.png" />
<img border="0" src="https://i-blog.csdnimg.cn/blog_migrate/4a1e40162bb62aaf84e4cdd155c95fc3.png" />
<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>

效果如下：