javascript - document.getElementById ('AnyName' ).innerHTML = 内容在 IE 或 Safari 中不起作用，但在 Chrome 和 Firefox 中起作用

Question

忙于构建website当用户做出几次选择后，就会绘制图表。我正在使用 javascript 替换 div 的内部 HTML 来完成不同的步骤，更具体地说，如下所示:

document.getElementById('AnyName').innerHTML = content;

这适用于 Chrome 和 Firefox，但不适用于 Safari 或 IE。

目前内容的定义大致如下，仅是一个示例:

var content = (function () {/*
    <div class="selectNavbar">
    Some HTML and other stuff here
    </div>
*/}).toString().match(/[^]*\/\*([^]*)\*\/\}$/)[1];

我尝试将innerHTML 替换为value/textContent，因为我看到有些人在使用Safari 时遇到问题，这似乎解决了问题，但页面仍然无法在新的HTML 中加载。

我还使用了 w3 validator但似乎只有我使用了马虎的样式，我不认为这是这里的问题。

提前致谢。如果有人需要，我可以链接所有代码，但可以在上面提到的链接中查看源代码。

Answer 1

我建议你先看看这个 innerText vs innerHtml vs label vs text vs textContent vs outerText

我不知道你为什么选择innerHTML。我已经看到了您页面的 javascript，看来您所做的只是更新文本值。

innerHTML 用于将元素放入另一个元素/从另一个元素获取元素
您可以使用 innerText 或 textContent 这将解决您的问题textContent 仅适用于 IE11，因此最好使用 innerText

或者做类似的事情

var divElement=document.getElementById('id');
var value=document.getElementById('someotherid');
if(divElement.textContent)
  divElement.textContent=value;
else 
  divElement.innerText=value;