why if (element.innerHTML == "") is not working in firefox

javascript html internet-explorer firefox innerhtml
Mahmoud Farahat picture Mahmoud Farahat · Sep 9, 2010 · Viewed 39.3k times · Source

why is if (element.innerHTML == "") not working in firefox

but works fine in IE , any ideas please ?

Answer

user113716 picture user113716 · Sep 9, 2010

Hard to say without seeing your HTML, but I'd say probably because you have some empty white space in the element, and IE doesn't treat that as a text node, while FF does.

I believe it is actually a more strict standards compliance to treat any empty white space between tags as a text node, but IE doesn't comply.

You could do:

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 == '') {...

Or just get rid of the whitespace in your HTML markup manually.

Related questions

How to start automatic download of a file in Internet Explorer?

How do I initialize an automatic download of a file in Internet Explorer? For example, in the download page, I want the download link to appear and a message: "If you download doesn't start automatically .... etc". The download should begin …

Read More
Input placeholders for Internet Explorer

HTML5 introduced the placeholder attribute on input elements, which allows to display a greyed-out default text. Sadly the Internet Explorer, including IE 9 does not support it. There already are some placeholder simulator scripts out there. They typically work by putting …

Read More
How can I detect Internet Explorer (IE) and Microsoft Edge using JavaScript?

I've looked around a lot, and I understand that there's a lot of ways to detect internet explorer. My problem is this: I have an area on my HTML document, that when clicked, calls a JavaScript function that is incompatible …

Read More