close

[JavaScript HTML DOM]使用document物件,使用屬性document.images

說明:
document.images,取得網頁的html image元素

此範例設計說明:
第一步、取得網頁的html image元素
第二步、顯示image元素數量在頁面上
程式:
<html>
<head>
<title>[JavaScript-HTML_DOM]使用document物件,使用屬性document.images</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script>
function mytest() {
var returnData = "image元件共:" + document.images.length + "個";
document.getElementById("returnData").innerHTML = returnData;
}
</script>
</head>
<body>
[JavaScript-HTML_DOM]使用document物件,使用屬性document.images
<br>
<img border="0" src="smiley.gif" width="150" height="113">
<img border="0" src="smiley.gif" width="152" height="128">
<input type="button" value="測試" onclick="mytest()" />
<span id="returnData"></span>
</body>
</html>
圖:


按下測試

 


相關範例:
待續

參考:
HTML DOM images Collection






 






 















其它文章


arrow
arrow
    創作者介紹
    創作者 PG Levin Li 的頭像
    PG Levin Li

    程式開發學習之路

    PG Levin Li 發表在 痞客邦 留言(0) 人氣()