images

Misol

Hujjatdagi <img> elementlari soni:

document.images.length;
O‘zingiz sinab ko‘ring »

Barcha <img> elementlarini aylanib chiqing va har birining URL manzilini (src) chiqaring:

const myImages = document.images; let text = ""; for (let i = 0; i < myImages.length; i++) {   text += myImages[i].src + "<br>"; }
O‘zingiz sinab ko‘ring »

Birinchi <img> elementining URL manzili:

document.images[0].src;
O‘zingiz sinab ko‘ring »

Birinchi <img> elementining URL manzili:

document.images.item(0).src;
O‘zingiz sinab ko‘ring »

Quyida ko‘proq misollar.


ULASHISH

Tavsif

images xususiyati hujjatdagi barcha <img> elementlaridan iborat kolleksiyani qaytaradi.

images xususiyati HTMLCollection qaytaradi.

images xususiyati faqat o‘qish uchun.

Eslatma

images xususiyati type="image" bo‘lgan <input> elementlarini qaytarmaydi.

Shuningdek qarang:

Image obyekti

HTML <img> tegi

HTML rasmlar darsligi


HTMLCollection

HTMLCollection — HTML elementlarning massivsimon kolleksiyasi (ro‘yxati).

length xususiyati kolleksiyadagi elementlar sonini qaytaradi.

Elementlarga indeks orqali murojaat qilish mumkin (0 dan boshlanadi).

HTMLCollection jonli (live) bo‘ladi. Hujjat o‘zgarganda u avtomatik ravishda yangilanadi.


Sintaksis

document.images

Xususiyatlar

Xususiyat Tavsif
length Kolleksiyadagi <img> elementlari soni.

Metodlar

Metod Tavsif
[index] Belgilangan indeksdagi elementni qaytaradi (0 dan boshlanadi).
Indeks diapazondan tashqarida bo‘lsa, null qaytaradi.
item(index) Belgilangan indeksdagi elementni qaytaradi (0 dan boshlanadi).
Indeks diapazondan tashqarida bo‘lsa, null qaytaradi.
namedItem(id) Belgilangan id’ga ega elementni qaytaradi.
Bunday id mavjud bo‘lmasa, null qaytaradi.

Qaytariladigan qiymat

Tip Tavsif
ObjectHTMLCollection obyekti.
Hujjatdagi barcha <img> elementlari.
Elementlar hujjatda joylashgan tartibda saralangan.


Ko‘proq misollar

id="myImg" bo‘lgan <img> elementining URL manzili:

document.images.namedItem("myImg").src;
O‘zingiz sinab ko‘ring »

Birinchi <img> elementiga qora chegara qo‘shing:

document.images[0].style.border = "10px dotted black";
O‘zingiz sinab ko‘ring »

Brauzerlarda qo‘llab-quvvatlash

document.images — DOM Level 1 (1998) imkoniyati.

U barcha brauzerlarda to‘liq qo‘llab-quvvatlanadi:

Chrome Edge Firefox Safari Opera IE
Ha Ha Ha Ha Ha 9-11


W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!