[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

 

 

其它文章

文章標籤
全站熱搜
創作者介紹
創作者 PG Levin Li 的頭像
PG Levin Li

程式開發學習之路

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