2011-12-21 12 views
10

मैं पूछना चाहूंगा कि दस्तावेज़ तत्वों में कस्टम चर जोड़ने के लिए 'कानूनी' है या नहीं। उदाहरण के लिए:डीओएम तत्वों में चर जोड़ना

document.getElementById('elem1').customVariable = 'xxx'; 

इस कोड को बस काम करते हैं, लेकिन मैं अगर यह

यह टैग के तर्कों की सूची में प्रकट नहीं होता है 'की अनुमति' है पता नहीं है, लेकिन चर आगे कोड में प्रयोग करने योग्य है ..

+1

हाँ सर आप कर सकते हैं की [मैं डोम वस्तुओं के लिए मनमाने ढंग से गुण जोड़ सकते हैं?] ( – Ibu

+0

संभव डुप्लिकेट http://stackoverflow.com/questions/4258466/can-i-add-arbitrary- गुण-से-डोम-ऑब्जेक्ट्स) –

+1

http://stackoverflow.com/questions/7895560/javascript-dom-setting-custom-dom-element-properties एक बेहतर प्रश्नोत्तर है –

उत्तर

9

मुझे लगता है कि काम करेंगे, लेकिन अधिक आम तरीका कस्टम विशेषता जोड़ने के लिए इस तरह है:

<div id="elem1" data-customVariable="foo" 

और फिर

document.getElementById('elem1').setAttribute("data-customVariable", "bar"); 

या यदि पर setAttribute

document.getElementById('elem1')["data-customVariable"] ="bar"; 

संपादित

धन्यवाद पुराने ब्राउज़र चोक उनका कहना है कि आप भी

document.getElementById('elem1').dataset.customVariable ="bar"; 

कर सकते हैं के लिए pimvdb को बस इतना ध्यान रखें कि आप ' आपको यह देखना होगा कि आप इसे कैसे नामित करते हैं - ऊंट के आवरण इसे फेंक सकते हैं च। आप चाहेंगे कि

<div id="elem1" data-custom-variable="xxx"></div> 
+0

धन्यवाद :-) अब यह स्पष्ट है –

+1

'elem .dataset.customVariable' 'डेटा-' विशेषताओं के साथ भी संभव है - थोड़ा क्लीनर हो सकता है। – pimvdb

+0

@pimvdb - कोई मजाक नहीं। यह अच्छा तरीका है, धन्यवाद - +1 –