追加元素在IE11中不起作用 [英] Appending element is not working in IE11

问题描述

在构造函数中，我创建一个元素

In constructor I create an element

var this.legendElement = this.compileLegend();

然后我想在事件监听器中使用它:

and than later I want to use it in event listener:

var takeControl = function() {
    this.element.empty();
    this.legendElement.appendTo(this.element);
}

附加了

legendElement，但为空！我不明白为什么. 在其他浏览器(经过测试的Firefox，Chrome)中，该浏览器仍有效.

legendElement is appended, but it is empty! I don't understant why. In other browsers (tested firefox, chrome) it is working.

同样，当我打印 this.legendElement 的内容时，我也会看到html代码.换句话说

Also when I print content of this.legendElement I see html code as expected. In other words

console.log(this.legendElement);

产生带有正确内容的预期html代码(我在takeControl函数中称呼它).

produces expected html code with correct content (and I call it inside the takeControl function).

我尝试了几种修复方法

this.element.append(this.legendElement)

也不起作用.

此:

this.element.append(this.legendElement.html())

附加html代码，但周围没有 this.legendElement (这是预期的).

appends the html code, but without this.legendElement around it (which is expected).

以下内容

this.element.append($('<div />').append(this.legendElement).html())

做了我想做的事，但是这看起来像是一个丑陋的骇客.

does what I want it to do, but it just seems like such an ugly hack.

所以，我的问题是:发生了什么事，我能得到

So, my question is: What's happening and have can I get

this.element.append(this.legendElement)

上班吗?

提前谢谢！ ^ _ ^

Thanks in advance! ^_^

推荐答案

IE11(至少是我的版本或设置)不支持element.append.但是，它确实可以按预期与element.appendChild一起工作.

IE11 (at least my version or settings) did not support element.append. It did, however, work as expected with element.appendChild.

MDN的浏览器兼容性部分确认IE(与其他所有浏览器相比)从未具有 Node.appendChild 支持，它似乎是通用的.

The browser compatibility section of MDN confirms that IE (in contrast to every other browser) has never had ParentNode.append support but has always had Node.appendChild support, which appears to be universal.

这篇关于追加元素在IE11中不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！