44

私は、div既存の内部を作成するという非常に基本的な例を試していdivます。

私が使用するとき、それは機能していないようです：

document.getElementbyId('lc').appendChild(element)

しかし、私がこれを行うとうまくいきます：

document.body.appendChild(element)

windows.onload関数を追加する必要がありますか？それでも動作しませんが！

HTMLコード：

<body>
    <input id="filter" type="text" placeholder="Enter your filter text here.." onkeyup = "test()" />

    <div id="lc">  
    </div>
</body>

JSコード：

function test()
{
    var element = document.createElement("div");
    element.appendChild(document.createTextNode('The man who mistook his wife for a hat'));
    document.getElementbyId('lc').appendChild(element);
    //document.body.appendChild(element);
}
4

3 に答える 3

63

このコード行を誤って入力しただけで、コードはうまく機能します。

document.getElementbyId('lc').appendChild(element);

これで変更します:( 「B」は大文字にする必要があります。）

document.getElementById('lc').appendChild(element);

これが私の例です：

<html>
<head>

<script>

function test() {

    var element = document.createElement("div");
    element.appendChild(document.createTextNode('The man who mistook his wife for a hat'));
    document.getElementById('lc').appendChild(element);

}

</script>

</head>
<body>
<input id="filter" type="text" placeholder="Enter your filter text here.." onkeyup = "test()" />

<div id="lc" style="background: blue; height: 150px; width: 150px;
}" onclick="test();">  
</div>
</body>

</html>

于 2012-09-27T13:33:48.383 に答える
5

document.getElementById 'b'は、変更されたコードjsfiddleでは大文字にする必要があります

function test()
{

var element = document.createElement("div");
element.appendChild(document.createTextNode('The man who mistook his wife for a hat'));
document.getElementById('lc').appendChild(element);
 //document.body.appendChild(element);
 }
于 2012-09-27T13:35:09.757 に答える
-2

はい、要素がドキュメントのDOMツリーですでに見つかっている場合は、これを行うか、終了タグonloadの後の<script>タグで行う必要があります。</body>lc

于 2012-09-27T13:30:38.937 に答える