ตัวอย่าง
หาวิธีหลาย <img> องค์ประกอบที่มีอยู่ในเอกสาร:
var x = document.images.length;ผลของ x จะเป็น:
3 ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
คอลเลกชันภาพผลตอบแทนของคอลเลกชันทั้งหมด <img> องค์ประกอบในเอกสาร
Note: องค์ประกอบในคอลเลกชันจะถูกเรียงลำดับตามที่ปรากฏในรหัสที่มา
หมายเหตุ: การเก็บภาพไม่ได้กลับคอลเลกชันของ <input> องค์ประกอบที่มีประเภท = "ภาพ"
เคล็ดลับ: นอกจากนี้ยังมองไปที่ วัตถุภาพ
สนับสนุนเบราว์เซอร์
| ชุด | |||||
|---|---|---|---|---|---|
| images | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
วากยสัมพันธ์
document.imagesคุณสมบัติ
| คุณสมบัติ | ลักษณะ |
|---|---|
| length | แสดงจำนวนของ <img> องค์ประกอบในคอลเลกชัน หมายเหตุ: คุณสมบัตินี้ถูกอ่านอย่างเดียว |
วิธีการ
| วิธี | ลักษณะ |
|---|---|
| [ index ] | ส่งคืน <img> องค์ประกอบจากคอลเลกชันที่มีดัชนีที่ระบุ (starts at 0) หมายเหตุ: คืน null หากหมายเลขดัชนีอยู่นอกช่วง |
| item( index ) | ส่งคืน <img> องค์ประกอบจากคอลเลกชันที่มีดัชนีที่ระบุ (starts at 0) หมายเหตุ: คืน null หากหมายเลขดัชนีอยู่นอกช่วง |
| namedItem( id ) | ส่งคืน <img> องค์ประกอบจากคอลเลกชันที่มี ID ที่ระบุ หมายเหตุ: คืน null หากประชาชนไม่ได้อยู่ |
รายละเอียดทางเทคนิค
| DOM เวอร์ชัน: | ระดับแกนวัตถุ 1 เอกสาร |
|---|---|
| กลับค่า: | วัตถุ HTMLCollection คิดเป็นทั้งหมด <img> องค์ประกอบในเอกสาร องค์ประกอบในการเก็บรวบรวมจะถูกเรียงลำดับตามที่ปรากฏในรหัสที่มา |
ตัวอย่างอื่น ๆ
ตัวอย่าง
[ดัชนี]
รับ URL ของแรก <img> องค์ประกอบ (index 0) ในเอกสาร:
var x = document.images[0].src;ผลของ x จะเป็น:
http://www.w3ii.com/jsref/klematis.jpg ลองตัวเอง» ตัวอย่าง
item( index )
รับ URL ของแรก <img> องค์ประกอบ (index 0) ในเอกสาร:
var x = document.images.item(0).src;ผลของ x จะเป็น:
http://www.w3ii.com/jsref/klematis.jpg ลองตัวเอง» ตัวอย่าง
namedItem( id )
รับ URL ของ <img> องค์ประกอบที่มี id = "myImg" ในเอกสาร:
var x = document.images.namedItem("myImg").src;ผลของ x จะเป็น:
http://www.w3ii.com/jsref/smiley.gif ลองตัวเอง» ตัวอย่าง
เพิ่มเส้นขอบสีดำประกับครั้งแรก <img> องค์ประกอบในเอกสาร:
document.images[0].style.border = "10px dotted black"; ลองตัวเอง» ตัวอย่าง
ห่วงผ่านทั้งหมด <img> องค์ประกอบในเอกสารและการส่งออก URL (src) ของแต่ละภาพ:
var x = document.images;
var txt = "";
var i;
for (i = 0; i < x.length;
i++) {
txt = txt + x[i].src + "<br>";
}ผลจากการ txt จะเป็น:
http://www.w3ii.com/jsref/klematis.jpg
http://www.w3ii.com/jsref/klematis2.jpg
http://www.w3ii.com/jsref/smiley.gif ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
อ้างอิง JavaScript: HTML DOM วัตถุภาพ
กวดวิชา HTML: HTML แสดงสินค้า
อ้างอิง HTML: HTML <img> แท็ก
<วัตถุเอกสาร