js獲取頁面中圖片的總數
編輯：關於JavaScript
查看效果：http:///keleyi/phtml/image/9.htm
下面是完整代碼：
<html>
<body>
<div id="keleyiimagescount" style="background:url(http:///keleyi/phtml/picnext/images/k05.jpg);width:550px;height:380px;"></div>
<img border="0" src="http:///image/a/tvh00n12.jpg" />
<img border="0" src="http:///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/phtml/picnext/images/k01.gif' />";
document.getElementById("kel"+"eyiimagesnum").innerHTML=document.images.length;
}
</script>
</body>
</html>
效果如下：
本頁中圖片的總數是：
總結：使用document.images.length可以獲取頁面中圖片的總數，包括使用javascript加入的圖片，但是css定義的背景圖片不算
下面是完整代碼：
<html>
<body>
<div id="keleyiimagescount" style="background:url(http:///keleyi/phtml/picnext/images/k05.jpg);width:550px;height:380px;"></div>
<img border="0" src="http:///image/a/tvh00n12.jpg" />
<img border="0" src="http:///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/phtml/picnext/images/k01.gif' />";
document.getElementById("kel"+"eyiimagesnum").innerHTML=document.images.length;
}
</script>
</body>
</html>
效果如下：
本頁中圖片的總數是：
總結：使用document.images.length可以獲取頁面中圖片的總數，包括使用javascript加入的圖片，但是css定義的背景圖片不算
小編推薦
熱門推薦