为什么if(element.innerHTML =="")在firefox中不起作用

Question

为什么if (element.innerHTML == "")不在firefox中工作

但在IE中工作正常,有什么想法吗？

Answer 1

很难说没有看到你的HTML,但我想说可能是因为你在元素中有一些空白空间,而IE并不把它当作文本节点,而FF却是这样.

我认为将标签之间的任何空白空间视为文本节点实际上是更严格的标准兼容性,但IE不符合.

你可以这样做:

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.length == 0

但是，trim()如果您有想要匹配的空白字符串，您仍然必须这样做。

Answer 3

You could check if element.innerHTML.trim() == "" for the best results. However, then you have to extend the string prototype with a trim() method:

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

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