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
    文章標籤
    javascript image 屬性 java 程式 用法 元素 script document returndata images html mytest smiley 物件 使用
    全站熱搜

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

    E-mail轉寄