क्यों करता है, तो (element.innerHTML == "") फ़ायरफ़ॉक्स

Question

में काम नहीं कर रहा है कि क्यों if (element.innerHTML == "") फ़ायरफ़ॉक्स

में काम नहीं है, लेकिन IE में ठीक काम करता है, किसी भी विचार कृपया?

Answer 1

अपने एचटीएमएल को देखे बिना कहना मुश्किल है, लेकिन मैं शायद कहूंगा क्योंकि आपके पास तत्व में कुछ खाली सफेद जगह है, और आईई इसे टेक्स्ट नोड के रूप में नहीं मानता है, जबकि एफएफ करता है।

मेरा मानना ​​है कि यह वास्तव में पाठ नोड के रूप में टैग के बीच किसी भी खाली सफेद स्थान का इलाज करने के लिए एक अधिक सख्त मानक अनुपालन है, लेकिन आईई का पालन नहीं करता है।

आप कर सकता है:

var htmlstring = element.innerHTML; 

    // use the native .trim() if it exists 
    // otherwise use a regular expression 
htmlstring = (htmlstring.trim) ? htmlstring.trim() : htmlstring.replace(/^\s+/,''); 

if(htmlstring == '') {... 

या बस मैन्युअल रूप से अपने HTML मार्कअप में खाली स्थान के से छुटकारा पाने के।

Answer 2

आप सर्वोत्तम परिणामों के लिए element.innerHTML.trim() == "" देख सकते हैं या नहीं।

if (!String.prototype.trim) { 
    String.prototype.trim = function() { return this.replace(/^\s+|\s+$/, ''); }; 
} 

if (element.innerHTML.trim() == "") { 
    //do something 
} 

Answer 3

एक वैकल्पिक पद्धति रिक्त स्ट्रिंग के लिए जाँच करने के लिए है लंबाई की जांच करने के लिए: हालांकि, तो आप एक trim() विधि के साथ स्ट्रिंग प्रोटोटाइप का विस्तार करने के लिए है

element.innerHTML.length == 0 

लेकिन, आप अभी भी था यदि आपके पास एक व्हाइटस्पेस स्ट्रिंग है जिसे आप मिलान करना चाहते हैं तो trim() पर होना चाहिए।

Answer 4

मेरे लिए, यह स्थापित करने के लिए मेरे innerHTMLFirefox और न ही Chrome में काम कर रहा था तरह लग रहा था लेकिन यह मेरी त्रुटि के कारण IE में काम किया है। यह पता चला कि मुझे पहले स्थान पर getElementById का उपयोग करके तत्व कभी नहीं मिला था। IEname=getElementById के साथ और Firefox और Chrome अधिक कठोर था और केवल id= तत्वों को स्वीकार करता है, जो तत्वों के साथ ठीक है। (मेरे दृश्य में अधिक सही ढंग से) मुझे उम्मीद है कि यह किसी को कुछ निराशा बचाता है।
आईई इस तरह की चीजें क्यों करता है और लोगों को भ्रमित करता है ...