为什么innerHtml不起作用

Why innerHtml doesn't work

本文关键字：不起作用 innerHtml 为什么      更新时间：2023-09-26

为什么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>

"started!"显示，但<p>的内容没有按预期更改为foo。为什么?

大小写很重要，是innerHTML 而不是 innerHtml。试试这个:

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

JavaScript是一种大小写敏感的语言，所以你应该总是检查你正在编写的代码的大小写。

尝试使用"innerHTML"来代替"innerHTML"。

此外，在JavaScript中使用单引号(')而不是双引号(")是一个很好的实践。

如果您正在处理返回XML的API，那么您可能没有任何innerHtml。大多数浏览器都支持outerHtml。试试这个

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

如果您使用的是mac，请尝试使用

. getelementbyid("测试")。firstchild。

相关文章：