HTML DOM डॉक्यूमेंट इमेजेज एट्रिब्यूट
- पिछला पृष्ठ head
- अगला पृष्ठ implementation
- एक स्तर ऊपर HTML DOM Documents
विन्यास और उपयोग
images एजेंटी डॉक्यूमेंट में सभी <img> एलीमेंट के सेट को वापस देता है।
images गुण रिटर्न HTMLCollection।
इमेज़s गुण लिखित रूप से है।
सूचना:images गुण type="image" के <input> एलीमेंट को नहीं लौटाता है
HTMLCollection
HTMLCollection HTML एलीमेंटों की समान सूची (सूची) का समूह है
सेट में एलीमेंटों को इंडेक्स के द्वारा एक्सेस किया जा सकता है (0 से शुरू होकर)।
गुण गुण रिटर्न सेट में एलीमेंटों की संख्या
उदाहरण
उदाहरण 1
दस्तावेज़ में <img> एलीमेंटों की संख्या:
document.images.length;
उदाहरण 2
सभी <img> एलीमेंटों को घूमते हुए, और प्रत्येक एलीमेंट के URL (src) को आउटपुट करें:
const myImages = document.images;
let text = "";
for (let i = 0; i < myImages.length; i++) {
text += myImages[i].src + "<br>";
}
उदाहरण 3
पहले <img> एलीमेंट का URL है:
document.images[0].src;
उदाहरण 4
पहले <img> एलीमेंट का URL है:
document.images.item(0).src;
उदाहरण 5
id="myImg" के <img> एलीमेंट का URL है:
document.images.namedItem("myImg").src;
उदाहरण 6
पहले <img> एलीमेंट को काला किनारा जोड़ें:
document.images[0].style.border = "10px dotted black";
गणना
document.images
वाक्यांश
| वाक्यांश | वर्णन |
|---|---|
| गुण | length |
सेट में <img> एलीमेंटों की संख्या
| सेट में <img> एलीमेंटों की संख्या | वर्णन |
|---|---|
| विधिitem([ |
index वापस देता है इंडेक्स वाला एलीमेंट (0 से शुरू होकर)। |
| ]item(namedItem( |
index वापस देता है इंडेक्स वाला एलीमेंट (0 से शुरू होकर)। |
| यदि इंडेक्स दायरा से बाहर है, तो null लौटाता है।यदिnamedItem( |
) यदि वापस देता है का एलीमेंट यदि id |
मौजूद नहीं होने पर null लौटाता है।
| टाइप | वर्णन |
|---|---|
| ऑब्जैक्ट |
HTMLCollection ऑब्जैक्ट दस्तावेज़ में सभी <img> एलीमेंट स्रोत कोड में उनके उपस्थित होने के क्रम में जगह देकर क्रमबद्ध किया जाता है। |
ब्राउज़र समर्थन
document.images यह DOM Level 1 (1998) विशेषता है।
सभी ब्राउज़र इसे समर्थित करते हैं:
| Chrome | IE | Edge | Firefox | Safari | ऑपेरा |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | ऑपेरा |
| समर्थन | 9-11 | समर्थन | समर्थन | समर्थन | समर्थन |
- पिछला पृष्ठ head
- अगला पृष्ठ implementation
- एक स्तर ऊपर HTML DOM Documents
