在javascript中的div元素内创建一个div元素答案

【问题标题】：Creating a div element inside a div element in javascript在javascript中的div元素内创建一个div元素
【发布时间】：2012-09-19 07:16:19
【问题描述】：

我正在尝试一个非常基本的示例，在现有的 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);
}

【问题讨论】：

标签： javascript dom createelement

【解决方案1】：

你的代码运行良好，只是这行代码打错了：

~~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>

【讨论】：

这显然是问题中的一个错字。他说他的代码运行良好。
我添加了一个工作示例，所以我认为我回答了整个问题。
他说当他附加到body而不是div时效果很好
@MikeC：哦，是的，你是对的。我将为该问题添加一些格式。真是一团糟。
这是因为错字。 Ugghhh 真的很生自己的气

【解决方案2】：

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

【讨论】：

【解决方案3】：

是的，当lc 元素已经在文档的 DOM 树中找到时，您需要在 onload 或 <script> 标签在结束 </body> 标签之后执行此操作.

【讨论】：