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];

我已经尝试用 value/textContent 替换 innerHTML，因为我看到有些人在使用 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;