既存の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);
}
このコード行をタイプミスしただけで、コードはうまく機能します。
document.getElementbyId('lc').appendChild(element);
これで変更します:
document.getElementById('lc').appendChild(element);
ここでIS私の例:
<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>
'b'はdocument.getElementById
変更コードの大文字にする必要があります 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);
}
はい、これを行う必要がありますonload
または<script>
タグ後終了</body>
タグ、ドキュメントのDOMツリーでlc
要素が既に見つかっている場合。