javascript - IE11 不存储 insideHTML

Question

从我正在进行的MSDN thread复制pasta这并没有真正取得任何进展......

I have a cascading drop-down plugin for jQuery that creates an array of every filterable in the child , and when the parent is changed, the child is purged and then every matching is re-added. Hasn't had any issues anywhere... until IE11, which doesn't save the innerHTML. The child does filter correctly, as each 's value is preserved, but the text isn't, resulting in this: /image/0ALGc.png

Similarly, you may notice that the pager says there are 4 items, but nothing is displayed. That data is loaded via an AJAX call, and an HTML string is constructed, then inserted with jQuery.html(). I've put in debug code to verify that IE11 is in fact constructing the string correctly, however, only the elements are actually injected into the DOM. This can be seen here: [1]

The selected line in the console is the constructed HTML string printed via console.log() the line prior to inserting into the DOM. From my chair, it looks to me like IE11 is simply implementing HTML control functions incorrectly. The exact same behavior is apparent when using either HTML strings or qualified objects.

This is a system-breaking problem. Our CRM is unusable in IE11 because of this, and this is functionality that IE6 didn't even have a problem with. Firefox and Chrome predictably work as expected.

此后，我修改了该插件，以便在操作 时仅使用 vanilla JS，但行为保持不变。下面的 [2] 是一个屏幕截图，它演示了 IE11 实际上是正确过滤的，只是在创建初始 cascades 对象时没有存储 的 innerHTML，因为 SO不会让我发布我需要的所有链接。

下面的评论中也包含了现场演示。

有人以前见过这个吗？有什么想法吗？

Answer 1

想通了。在IE中，.innerHTML是引用调用；在所有其他浏览器中，它返回一个平面值。