Question

为什么innerHtml无效？

<script src="jquery.js"></script>
<script type="text/javascript">
function chat()
{
    alert ("started!");
    document.getElementById("test").innerHtml="foo";
}
</script>
<body id="body" onload="chat();">
<p id="test">
test..
</p>
</body>

“开始！”正在显示，但<p>的内容未按预期更改为foo。为什么呢？

Answer 1

套管很重要，它是innerHTML 不是 innerHtml。试试这个：

document.getElementById("test").innerHTML="foo";

Answer 2

JavaScript是一种区分大小写的语言，因此您应该始终检查您正在编写的代码的大小写。

尝试使用“innerHTML”代替“innerHtml”。

此外，在JavaScript中使用单引号（'）代替双引号（“）是一种很好的做法。

Answer 3

如果要处理返回XML的API，则可能没有任何innerHtml。大多数浏览器都支持externalHtml。试试这个

function getHTML(node){
    if(!node || !node.tagName) return '';
    if(node.outerHTML) return node.outerHTML;

    // polyfill:
    var wrapper = document.createElement('div');
    wrapper.appendChild(node.cloneNode(true));
    return wrapper.innerHTML;
}

Answer 4

您在Javascript（innerHtml）中使用小写字母书写。使用此示例：

document.getElementById("test").innerHTML="foo";

Answer 5

如果您正在使用Mac尝试

document.getElementById（“test”）。firstChild.nodeValue =“foo”;

为什么innerHtml不起作用

5 个答案: