[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
ZK (1)
