के साथ छवि alt बदलें मेरे पास एक थंबनेल छवि है जिसे क्लिक करने पर पृष्ठ पर एक बड़ी छवि बदलती है। मेरे पास ऑनक्लिक के साथ .src को बस बदलकर काम करने वाला कोड का वह हिस्सा है। क्या ऑनक्लिक के साथ alt और शीर्षक विशेषताओं को बदलने का कोई तरीका है?जावास्क्रिप्ट ऑनक्लिक
उत्तर
आप सेट एट्रिब्यूट का उपयोग कर सकते हैं या सीधे संपत्ति सेट कर सकते हैं। किसी भी तरह से काम करता है, setAttribute हालांकि इसे करने का मानक डोम तरीका है।
el.onclick = function() {
var t = document.getElementById('blah');
// first way
t.src = 'blah.jpg';
t.title = 'new title';
t.alt = 'foo';
// alternate way
t.setAttribute('title', 'new title');
t.setAttribute('alt', 'new alt');
t.setAttribute('src', 'file.jpg');
}
img.onclick = function() {
// old fashioned
img.src = "sth.jpg";
img.alt = "something";
img.title = "some title";
// or the W3C way
img.setAttribute("src", "sth.jpg");
img.setAttribute("alt", "something");
img.setAttribute("title", "some title");
};
नोट: कोई फर्क नहीं पड़ता है जो आप जब तक आप मानक विशेषताओं के साथ काम कर रहे एक प्रयोग कर रहे हैं।
ब्राउज़र संगतता के मामले में "पुरानी शैली" और "डब्ल्यू 3 सी" वही तरीका है? – computersaurus
इस सीमित मामले में हाँ, लेकिन सामान्य रूप से, आईई को 'getAttribute' /' setAttribute' के साथ कई समस्याएं हैं और इसलिए आपको ** उन तरीकों से बचने चाहिए यदि संभव हो तो। nb। कई मामलों में गुण और गुण अलग-अलग चीजें हैं! इस मामले में, '.src' जब विशेषता' src' को सेट करने के समान व्यवहार करती है, लेकिन इसे पढ़ने पर वह पूर्ण यूआरएल वापस लौटाएगा जो विशेषता इंगित कर रहा था, जो सापेक्ष यूआरएल के लिए अलग होगा। (यह उपरोक्त bugginess के कारण आईई में नहीं होगा।) – bobince
@computersaurus bobince, सही है। आईई कार्यान्वयन के साथ कुछ बग हैं। जिन्हें मैं जानता हूं वह 'src/href' url relativeness,' for', 'style' और' class' है। – galambalazs
ठीक उसी तरह में ..
document.getElementById('main_image_id').title = 'new title'
document.getElementById('main_image_id').alt = 'new alt'
- 1. जावास्क्रिप्ट ऑनक्लिक ईवेंट
- 2. जावास्क्रिप्ट ऑनक्लिक, अनाम फ़ंक्शन
- 3. 'ऑनक्लिक' और जावास्क्रिप्ट
- 4. लिंक जावास्क्रिप्ट ऑनक्लिक फ़ंक्शन
- 5. ऑनक्लिक
- 6. ऑनक्लिक
- 7. ऑनक्लिक या ऑनक्लिक?
- 8. ऑनक्लिक
- 9. ऑनक्लिक डायलॉग ऑनक्लिक लिस्टनर
- 10. जावास्क्रिप्ट द्वारा ऑनक्लिक घटना पर फ़ंक्शन जोड़ना!
- 11. जावास्क्रिप्ट ऑनक्लिक क्रॉस-ब्राउज़र अनुकूल है?
- 12. जावास्क्रिप्ट, प्रोग्रामिक रूप से ऑनक्लिक ईवेंट जोड़ें
- 13. फ्लैश ऑब्जेक्ट पर जावास्क्रिप्ट ऑनक्लिक घटना
- 14. ऑनक्लिक
- 15. Hrefs बनाम जावास्क्रिप्ट ऑनक्लिक (Unobtrusive जावास्क्रिप्ट के संबंध में)
- 16. टेक्स्ट रंग ऑनक्लिक बदलना
- 17. ऑनक्लिक क्रोम
- 18. ऑनक्लिक विधि
- 19. रेटिंगबार ऑनक्लिक
- 20. मेलटो ऑनक्लिक
- 21. एएसपी.नेट ग्रिडव्यू पंक्ति ऑनक्लिक
- 22. ऑनक्लिक ऑनब्लर जैसे जावास्क्रिप्ट इवेंट्स का पता कैसे लगाएं?
- 23. जावास्क्रिप्ट ऑनक्लिक घटना के साथ एचटीएमएल एंकर टैग
- 24. ऑनक्लिक घटना जावास्क्रिप्ट में काम नहीं कर रही है
- 25. ऑनक्लिक ईवेंट में एकाधिक जावास्क्रिप्ट फ़ंक्शंस को कैसे कॉल करें?
- 26. ऑनक्लिक घटना में जावास्क्रिप्ट फोकस बदल रहा है?
- 27. ऑनक्लिक घटना पर मूल रूप से जावास्क्रिप्ट फ़ंक्शन
- 28. JQuery: रिक्त इनपुट बॉक्स ऑनक्लिक
- 29. ऑनक्लिक लिस्टनर वीएस लागू करता है। नया बटन। ऑनक्लिक लिस्टनर() {};
- 30. सेलेनियम आईडीई - JQuery ऑनक्लिक हैंडलर
दोनों तरीकों बिल्कुल मानक हैं। 'src' /' alt'/'title' को DOM स्तर 1 HTML में निर्दिष्ट किया गया है। मैं इन गुणों को 'setAttribute'' पर अनुशंसा करता हूं क्योंकि उन्हें एक्सेस करना पढ़ने के लिए बहुत स्पष्ट है, और 'getAttribute'/'setAttribute' के लिए आईई में गंभीर त्रुटियां हैं जहां डीओएम गुण HTML विशेषताओं से अलग हैं। – bobince
मैं व्यक्तिगत रूप से प्रत्यक्ष संपत्ति सेटिंग की डीओएम 0 शैली का उपयोग करता हूं, और हाँ वहां बग हैं। –
इस प्रश्न bobince पर अतिरिक्त स्पष्टीकरण के लिए धन्यवाद। – computersaurus