प्रोटोटाइप - तत्व वस्तु
तत्व वस्तु डोम में तत्व जोड़ तोड़ के लिए विभिन्न उपयोगिता कार्यों प्रदान करता है।
यहां उदाहरणों के साथ सभी उपयोगिता कार्यों की सूची दी गई है। यहाँ परिभाषित सभी तरीके $ () फ़ंक्शन का उपयोग करके स्वचालित रूप से एक्सेस किए गए किसी भी तत्व में जोड़ दिए गए हैं।
तो, Element.show ('firstDiv') लिखना; $ ('firstDiv') लिखने के समान है। शो ();
प्रोटोटाइप तत्व विधि
NOTE - सुनिश्चित करें कि आपके पास प्रोटोटाइप .js का कम से कम संस्करण 1.6 है।
| क्र.सं. | विधि और विवरण |
|---|---|
| 1। | absolutize () पृष्ठ लेआउट में अपनी स्थिति को बदले बिना तत्व को एक पूर्ण रूप से तैनात तत्व में बदल देता है। |
| 2। | addClassName () दिए गए CSS वर्ग के नाम को तत्व के वर्ग नामों में जोड़ता है। |
| 3। | addMethods () तत्व ऑब्जेक्ट में अपने स्वयं के तरीकों में मिश्रण करना संभव बनाता है, जिसे आप बाद में विस्तारित तत्वों के तरीकों के रूप में उपयोग कर सकते हैं। |
| 4। | सटा हुआ() वर्तमान तत्व के सभी भाई-बहनों को ढूंढता है जो दिए गए चयनकर्ता से मेल खाते हैं। |
| 5। | पूर्वजों () तत्व के सभी पूर्वजों को एकत्र करता है और उन्हें विस्तारित तत्वों की एक सरणी के रूप में वापस करता है। |
| 6। | childElements () तत्व के सभी बच्चों को इकट्ठा करता है और उन्हें विस्तारित तत्वों की एक सरणी के रूप में वापस करता है। |
| 7। | classNames() पदावनत। ClassNames का एक नया उदाहरण लौटाता है, एक Enumerable ऑब्जेक्ट जो तत्व के CSS क्लास नामों को पढ़ता और लिखता था। |
| 8। | cleanWhitespace () तत्व के सभी पाठ नोड्स को हटाता है, जिसमें केवल व्हाट्सएप होता है। तत्व देता है। |
| 9। | clonePosition () वैकल्पिक तर्क विकल्पों द्वारा परिभाषित तत्व पर स्थिति और / या स्रोत के आयामों को क्लोन करता है। |
| 10। | cumulativeOffset () दस्तावेज़ के ऊपरी बाएँ कोने से तत्व के ऑफ़सेट लौटाता है। |
| 1 1। | cumulativeScrollOffset () नेस्टेड स्क्रॉलिंग कंटेनर में एक तत्व की संचयी स्क्रॉल ऑफसेट की गणना करता है। |
| 12। | descendantOf () जाँचता है कि क्या तत्व पूर्वज का वंशज है। |
| 13। | वंशज() तत्व के सभी वंशों को एकत्र करता है और उन्हें विस्तारित तत्वों की एक सरणी के रूप में लौटाता है। |
| 14। | नीचे () तत्व का पहला वंशज जो cssRule से मेल खाता है। यदि कोई cssRule प्रदान नहीं किया जाता है, तो सभी वंशज माने जाते हैं। यदि कोई भी वंशज इन मानदंडों से मेल नहीं खाता है, तो अपरिभाषित लौटा दिया जाता है। |
| 15। | खाली () टेस्ट कि क्या तत्व खाली है (यानी, केवल व्हॉट्सएप शामिल है)। |
| 16। | विस्तार () Element.Methods और Element.Methods.Simulated में निहित सभी तरीकों के साथ तत्व का विस्तार करता है। |
| 17। | आग() अपने लक्ष्य के रूप में वर्तमान तत्व के साथ एक कस्टम घटना को फायर करता है। |
| 18। | firstDescendant () पहला बच्चा लौटाता है जो एक तत्व है। यह FirstChild DOM प्रॉपर्टी के विरोध में है, जो किसी भी नोड को लौटा देगा। |
| 19। | getDimensions () किसी तत्व की गणना की गई चौड़ाई और ऊँचाई को ढूँढता है और उन्हें किसी वस्तु की कुंजी / मान जोड़े के रूप में लौटाता है। |
| 20। | getElementsByClassName पदावनत। सभी तत्वों के वंश को प्राप्त करता है, जिसमें क्लासनेम का एक CSS वर्ग होता है और उन्हें विस्तारित तत्वों की एक सरणी के रूप में लौटाता है। कृपया $$ () का उपयोग करें। |
| 21। | getElementsBySelector पदावनत। CSS चयनकर्ताओं (स्ट्रिंग्स) की एक मनमानी संख्या लेता है और उनमें से किसी से मेल खाने वाले तत्व के विस्तारित बच्चों की एक सरणी देता है। कृपया $$ () का उपयोग करें। |
| 22। | getHeight () तत्व की गणना की गई ऊंचाई को ढूँढता है और लौटाता है। |
| 23। | getOffsetParent () एलिमेंट का निकटतम निकटतम पूर्वज देता है। यदि कोई नहीं मिला, तो शरीर तत्व वापस आ गया है। |
| 24। | getStyle () तत्व के दिए गए CSS गुण मान लौटाता है। संपत्ति को उसके सीएसएस या संगठित रूप में निर्दिष्ट किया जा सकता है। |
| 25। | getWidth () तत्व की गणना की गई चौड़ाई को ढूँढता है और लौटाता है। |
| 26। | hasClassName () जाँचता है कि क्या तत्व में दिए गए CSS क्लासनाम है। |
| 27। | छिपाना() तत्व को छिपाता है और लौटाता है। |
| 28। | पहचान() यदि मौजूद है, तो तत्व की आईडी विशेषता लौटाता है, या एक अद्वितीय, स्वतः जनरेट की गई आईडी को सेट और लौटाता है। |
| 29। | immediateDescendants() पदावनत। तत्व के सभी तत्काल वंशज (यानी, बच्चे) को इकट्ठा करता है और उन्हें विस्तारित तत्वों की एक सरणी के रूप में लौटाता है। कृपया चाइल्डलाइन () का उपयोग करें। |
| 30। | डालने () सामग्री के पहले, बाद में, या तत्व के निचले भाग में सामग्री सम्मिलित करता है। |
| 31। | निरीक्षण() तत्व के डीबग-उन्मुख स्ट्रिंग प्रतिनिधित्व लौटाता है। |
| 32। | makeClipping () तत्व के अतिप्रवाह मूल्य को 'छिपा' पर सेट करके खराब तरीके से समर्थित सीएसएस क्लिप संपत्ति का अनुकरण करता है। तत्व देता है। |
| 33। | makePositioned () तत्व की सीएसएस स्थिति को 'सापेक्ष' में सेट करके ब्लॉक वाले सीएसएस के आसान निर्माण के लिए अनुमति देता है यदि इसकी प्रारंभिक स्थिति या तो 'स्थिर' या अविकसित हो। तत्व देता है। |
| 34। | से मेल () अगर तत्व दिए गए CSS चयनकर्ता से मेल खाता है तो जाँच करता है। |
| 35। | आगे() एलिमेंट का निम्नलिखित सिबलिंग है जो दिए गए cssRule से मेल खाता है। |
| 36। | nextSiblings () सभी तत्वों के अगले भाई-बहनों को इकट्ठा करता है और उन्हें विस्तारित तत्वों की एक सरणी के रूप में लौटाता है। |
| 37। | निरीक्षण () तत्व और रिटर्न तत्व पर एक ईवेंट हैंडलर रजिस्टर करता है। |
| 38। | positionedOffset () अपने निकटतम पूर्वज के सापेक्ष तत्व की भरपाई करता है। |
| 39। | पिछला () तत्व का पिछला सिबलिंग जो दिए गए cssRule से मेल खाता है। |
| 40। | previousSiblings () तत्व के पिछले भाई-बहनों को एकत्र करता है और उन्हें विस्तारित तत्वों की एक सरणी के रूप में वापस करता है। |
| 41। | readAttribute () तत्व की विशेषता या शून्य का मान लौटाता है यदि विशेषता निर्दिष्ट नहीं की गई है। |
| 42। | recursivelyCollect () पुन: उन तत्वों को एकत्रित करता है जिनके संबंध संपत्ति द्वारा निर्दिष्ट होते हैं। |
| 43। | relativize () पृष्ठ लेआउट में अपनी स्थिति बदले बिना तत्व को अपेक्षाकृत स्थित तत्व में बदल देता है। |
| 44। | हटाना () पूरी तरह से दस्तावेज़ से तत्व निकालता है और इसे वापस करता है। |
| 45। | removeClassName () एलिमेंट का CSS क्लासनेम और रिटर्न एलिमेंट हटाता है। |
| 46। | बदलने के () HTML तर्क की सामग्री द्वारा तत्व को प्रतिस्थापित करता है और हटाए गए तत्व को वापस करता है। |
| 47। | स्क्रॉल करें () विंडो को स्क्रॉल करता है ताकि तत्व व्यूपोर्ट के शीर्ष पर दिखाई दे। तत्व देता है। |
| 48। | चुनते हैं() CSS चयनकर्ताओं (स्ट्रिंग्स) की एक मनमानी संख्या लेता है और उनमें से किसी से मेल खाने वाले तत्व के विस्तारित वंशज की एक सरणी देता है। |
| 49। | setOpacity () विभिन्न ब्राउज़रों में विसंगतियों के आसपास काम करते समय एक तत्व की दृश्य अस्पष्टता निर्धारित करता है। |
| 50। | setStyle () तत्व के सीएसएस शैली गुणों को संशोधित करता है। |
| 51। | प्रदर्शन() प्रदर्शन और रिटर्न तत्व। |
| 52। | एक माँ की संताने() तत्व के सभी भाई-बहनों को एकत्र करता है और उन्हें विस्तारित तत्वों की एक सरणी के रूप में लौटाता है। |
| 53। | stopObserving () Unregisters हैंडलर और रिटर्न तत्व। |
| 54। | टॉगल () तत्व की दृश्यता को टॉगल करता है। |
| 55। | toggleClassName () तत्व का CSS className और रिटर्न तत्व। |
| 56। | undoClipping () तत्व की CSS अतिप्रवाह संपत्ति को उस मान पर वापस सेट करता है, जो Element.makeClipping () लागू होने से पहले था। तत्व देता है। |
| 57। | undoPositioned () तत्व को वापस उसी स्थिति में ले जाता है, जब वह Element.makePositioned से पहले लागू किया गया था। तत्व देता है। |
| 58। | यूपी() तत्व का पहला पूर्वज जो दिए गए cssRule से मेल खाता है। |
| 59। | अपडेट करें() प्रदान किए गए नए तर्क और रिटर्न तत्व के साथ तत्व की सामग्री को प्रतिस्थापित करता है। |
| 60। | viewportOffset () व्यूपोर्ट के सापेक्ष तत्व के X / Y निर्देशांक लौटाता है। |
| 61। | दृश्य () एक बूलियन इंगित करता है कि तत्व दिखाई दे रहा है या नहीं। |
| 62। | रैप () एक तत्व को दूसरे के अंदर लपेटता है, फिर रैपर को वापस करता है। |
| 63। | writeAttribute () एक हैश या एक नाम / मूल्य जोड़ी के रूप में पारित विशेषताओं को जोड़ता, निर्दिष्ट या हटाता है। |