आईई 11 आंतरिक HTML अजीब व्यवहार

Question

आईई 11 में element.innerHTML के साथ मेरा बहुत अजीब व्यवहार है।

जैसा कि आप वहां देख सकते हैं: http://pe281.s3.amazonaws.com/index.html, कुछ riotjs अभिव्यक्तियों का मूल्यांकन नहीं किया जाता है। - यह ऊपर यूरो संकेत
:

मैं इसे 2 बातें करने के लिए नीचे ट्रैक करने के बाद। इसे € के रूप में एन्कोड किया गया है, लेकिन मेरे पास \u20AC या € के साथ समान व्यवहार है। यह मुद्रा प्रतीकों की सीमा के सभी पात्रों, और कुछ अन्य श्रेणियों के साथ होता है। मानक चरित्र को हटाने या उपयोग करने से समस्या उत्पन्न नहीं होती है।
- जिस तरह से riotjs एक कस्टम टैग और टेम्पलेट बनाता है। मूल रूप से यह करता है:

[0]: {reward.amount.toLocaleString()} 
[1]: <span>€</span> 
[2]: { 
[3]: moment(expiracyDate).format('DD/MM/YYYY')} 

जाहिर है 2 नोड्स और 3 केवल एक ही होना चाहिए:

var html = "{reward.amount.toLocaleString()}<span>&#8364;</span>{moment(expiracyDate).format('DD/MM/YYYY')}"; 
var e = document.createElement('div'); 
e.innerHTML = html; 

जिसके परिणामस्वरूप e नोड में, e.childNodes निम्नलिखित सरणी देता है। उन्हें विभाजित करने के लिए दंगा को मूल्यांकन करने के लिए एक अभिव्यक्ति को मान्यता नहीं दी जाती है, इसलिए समस्या।

लेकिन और भी है: समस्या सुसंगत नहीं है, और उदाहरण के लिए एक पहेली पर पुन: उत्पन्न नहीं किया जा सकता है: https://jsfiddle.net/5wg3zxk5/4/, जहां HTML स्ट्रिंग सही ढंग से पार्स किया गया है।

तो मुझे लगता है कि मेरा प्रश्न यह है कि कुछ विशिष्ट वर्ण तत्व के तरीके को कैसे बदल सकते हैं .innerHTML इसके इनपुट को पार करता है? इसे कैसे हल किया जा सकता है?

Answer 1

मुझे लगता है कि यह कुछ इस तरह होना चाहिए:

var html = {reward.amount.toLocaleString()} + "&euro;<br>" +{moment(expiracyDate).format('DD/MM/YYYY')} + " <br>"; 
var e = document.createElement('div'); 
e.innerHTML = html; 

सामान मैं उद्धरण से हटा चर या अन्य सामान, और न कोई स्ट्रिंग होने लगते हैं, तो यह उद्धरण में नहीं होना चाहिए। ATTRIBUTE_NODE, TEXT_NODE, CDATA_SECTION_NODE, ENTITY_REFERENCE_NODE, ENTITY_NODE, PROCESSING_INSTRUCTION_NODE, COMMENT_NODE, DOCUMENT_NODE, DOCUMENT_TYPE_NODE, DOCUMENT_FRAGMENT_NODE, NOTATION_NODE:

Answer 2

.childNodes एक उत्पन्न सरणी (... अच्छी तरह से NodeList) ELEMENT_NODE से भर जाता है, लेकिन यह भी से भरा जा सकता है ...

आप शायद चाहते ही प्रकार से नोड: ELEMENT_NODE(div और ऐसे ..) और शायद TEXT_NODE भी।

.nodeType === Element.ELEMENT_NODE के साथ केवल उन नोड्स को रखने के लिए एक साधारण पाश का उपयोग करें (या इसकी तुलना इसकी एनम से करें जो 1 है)।

आप .children के अधिक सरल विकल्प का भी उपयोग कर सकते हैं।

Answer 3

के साथ <br> बदलें (वे स्वयं बंद टैग हैं)। आईई आपके लिए टैग बंद करने की कोशिश कर रहा है।यही कारण है कि आपने br टैग