なぜ機能しない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。なんで？
ケーシングは重要ですが、そうでinnerHTML はありません innerHtml。これを試して：
document.getElementById("test").innerHTML="foo";
JavaScript は大文字と小文字を区別する言語であるため、記述しているコードの大文字と小文字を常に確認する必要があります。
「innerHtml」の代わりに「innerHTML」を使用してみてください。
また、JavaScript では、二重引用符 (") の代わりに単一引用符 (') を使用することをお勧めします。
Macを使用している場合は、使用してみてください
document.getElementById("test").firstChild.nodeValue = "foo";