सेट/गतिशील रूप से कस्टम विशेषता

Question

प्रमुख आधुनिक ब्राउज़र आईई-परिवार को छोड़कर गतिशील रूप से कस्टम विशेषता को सेट/पुनर्प्राप्त करने का समर्थन करते हैं। मैं सभी ब्राउज़रों में अपनी कस्टम विशेषता कैसे सेट/प्राप्त कर सकता हूं?

एचटीएमएल:

<input id="myInput" type="text" /> 

जे एस:

var myInput = document.getElementById('myInput'); 
myInput.setAttribute('custom-attr', 'custom-value'); 
alert(myInput.getAttribute('custom-attr')); 

या

var myInput = document.getElementById('myInput'); 
var customAttr = document.createAttribute('custom-attr'); 
customAttr.value = 'custom-value'; 
myInput.setAttributeNode(customAttr); 
alert(myInput.getAttribute('custom-attr')); 

दोनों ही मामलों में alert() रिटर्न IE

यह वही है मैं अब तक की कोशिश की है है null।

Answer 1

मैं IE7/8

var myInput = document.getElementById('myInput'); 
myInput.setAttribute('custom-attr', 'custom-value'); 
alert(myInput.getAttribute('custom-attr')); 

पर अपने कोड का परीक्षण किया और यह ठीक चलाता है। क्या यह सरल परीक्षण केस आपके लिए असफल रहता है, या आप वास्तव में कुछ अलग कर रहे हैं?

आप ब्रैकेट अंकन

var myInput = document.getElementById('myInput'); 
myInput['custom-attr'] = 'custom-value'; 
alert(myInput['custom-attr']); 

उपयोग कर सकते हैं आप नाम में - नहीं था, तो आप

var myInput = document.getElementById('myInput'); 
myInput.customAttr = 'custom-value'; 
alert(myInput.customAttr); 

Answer 2

आपका कोड IE6, IE7, IE8 पर बस ठीक काम करता है डॉट संकेतन का उपयोग कर सकते हैं , एफएफ, क्रोम, ओपेरा।