在 Internet Explorer 中使用带有非标准元素的innerHTML 更改内容

Question

我有非标准元素

<testele></testele>

在除 IE 之外的每个浏览器中，这段 JavaScript 将成功更改上述元素的内容

document.getElementsByTagName("testele")[0].innerHTML = 'hi';

但是，如果我将 更改为 < ;span>（在 HTML 和 JavaScript 中），它现在可以成功更改每个浏览器中的元素内容，包括 IE。

有什么解决办法吗？我四处寻找并尝试了很多都无济于事。

Answer 1

在渲染之前使用 document.createElement("testele")。必须在文档遇到 之前包含此脚本：

http:// jsfiddle.net/gilly3/LjwbA/

document.createElement("testele");
window.onload = function() {
    document.getElementsByTagName("testele")[0].innerHTML = 'hi';
};

如果您尝试在 之后执行 document.createElement("testele")已经被浏览器解析了，已经太晚了。

Answer 2

看看innerShiv，一个旨在解决这个问题的Javascript插件。