2010-05-13 16 views
6

मैं कस्टम द्वारा जोड़ा जा रहा तरहकस्टम HTML टैग के लिए गुण जोड़ें

<li customeId="1"> 

मेरी HTMLtags कुछ मैं IE में, लेकिन फ़ायरफ़ॉक्स में इस कस्टम विशेषता का उपयोग कर रहा हूँ करने के लिए जिम्मेदार बताते हैं, मैं इन विशेषताओं के मूल्यों को प्राप्त करने में सक्षम नहीं कर रहा हूँ । फ़ायरफ़ॉक्स या किसी अन्य तरीके से कस्टम विशेषता का उपयोग करने के तरीके पर कोई सुझाव। मैं विकास के लिए एचटीएमएल 4 का उपयोग कर रहा हूँ।

उपयोग करने के लिए कोड:

var test = licollection[index].customeId; 

धन्यवाद अश्विनी

+1

आप कैसे विशेषता का उपयोग करने की कोशिश कर रहे हैं? कोड जोड़ें, इसलिए हम देख सकते हैं कि आप क्या कर रहे हैं। – Oded

+1

आप एचटीएमएल 4 का उपयोग नहीं कर रहे हैं। आप टैग सूप का उपयोग कर रहे हैं। एचटीएमएल 4 कस्टम विशेषताओं का समर्थन नहीं करता है। – Quentin

+0

@ डेविड, फिर कुछ गुणों को HTML 4 में टैग के साथ जोड़ने का कोई अन्य तरीका है? –

उत्तर

18

उम्मीद है कि कोड के नीचे आपके लिए सहायक होगा।

<div id="navigation"> 
<ul> 
    <li customerId="1"></li> 
    <li customerId="2"></li> 
    <li customerId="3"></li> 
</ul> 
</div> 
var x = document.getElementById('navigation'); 
if (!x) return; 
var liCollections = x.getElementsByTagName('li'); 
for (var i=0;i<liCollections.length;i++) 
    alert(liCollections[i].getAttribute('customerid', 0)); 

यह पर्याप्त स्पष्ट है, और आप इसे आसानी से समझ सकता।

2
test.getAttribute('customerid'); 

आप इस कोशिश की कोशिश करें?

8

आप एचटीएमएल 5 custom data attribute कार्यक्षमता का उपयोग कर सकते हैं, तो यह आपको

में मदद करता है विशेषता नाम

हो सकता है डेटा विशेषता नाम कम से कम एक वर्ण लंबा होना चाहिए और 'डेटा-' के साथ उपसर्ग किया जाना चाहिए। इसमें कोई अपरकेस अक्षर नहीं होना चाहिए।

गुण मान

विशेषता मान किसी भी स्ट्रिंग हो सकता है।

उदाहरण: -

<ul id="vegetable-seeds"> 
    <li data-spacing="10cm" data-sowing-time="March to June">Carrots</li> 
    <li data-spacing="30cm" data-sowing-time="February to March">Celery</li> 
    <li data-spacing="3cm" data-sowing-time="March to September">Radishes</li> 
</ul> 
+0

यह बहुत अच्छी जानकारी है। बस कुछ प्रश्न, > यदि कोड पुराने ब्राउज़र पर चलता है तो क्या होगा? (कोई एचटीएमएल 5 संगतता नहीं) > 'डेटा- ' टैग की एक सीमा है> –

संबंधित मुद्दे