Почему innerHtml не работает

Почему не работает 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 по назначению. Почему?

Ответ 1

Корпус имеет значение innerHTML не innerHTML. Попробуйте следующее:

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

Ответ 2

JavaScript - это чувствительный к регистру язык, поэтому вы всегда должны проверять код кода, который вы пишете.

Попробуйте использовать "innerHTML" вместо "innerHTML".

Кроме того, рекомендуется использовать Single Quotes (') вместо Double Quotes (") в JavaScript.

Ответ 3

Если вы имеете дело с API, который возвращает XML, то, скорее всего, у вас нет 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;
}

Ответ 4

Вы писались в нижнем регистре в Javascript (innerHtml). Используйте этот пример:

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

Ответ 5

Если вы используете mac, попробуйте использовать

document.getElementById( "test" ). firstChild.nodeValue = "foo";