[JavaScript HTML DOM]使用document物件，使用屬性document.images用法之一

說明：
document.images，取得網頁的html image元素

此範例設計說明：
第一步、取得網頁的html image元素
第二步、取得每個image元素的id名稱
第三步、顯示image元素id名稱在頁面上
程式：
<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 = "";
var imgs = document.images;
for (i = 0; i < imgs.length; i++) {
returnData = returnData + imgs[i].id + ",";
}

document.getElementById("returnData").innerHTML = returnData;
}
</script>
</head>
<body>
[JavaScript-HTML_DOM]使用document物件，使用屬性document.images用法之一
<br>
<img id="smiley1" border="0" src="smiley.gif" width="150" height="113">
<img id="smiley2" 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
    文章標籤
    用法 image document imgs 屬性 images javascript 元素 returndata 目錄 測試 物件 smiley dom html
    全站熱搜
    創作者介紹
    創作者 PG Levin Li 的頭像
    PG Levin Li

    程式開發學習之路

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

    E-mail轉寄