在javascript中的div元素内创建div元素_Javascript_Dom_Createelement

在javascript中的div元素内创建div元素

javascript dom

在javascript中的div元素内创建div元素,javascript,dom,createelement,Javascript,Dom,Createelement,我正在尝试一个非常基本的示例，在已经存在的div中创建div 当我使用以下选项时，它似乎不起作用： document.getElementbyId('lc').appendChild(element) 但当我这样做时，效果很好： document.body.appendChild(element) 是否需要添加windows.onload功能？即使在那时它也不起作用 HTML代码： <body> <input id="filter" type="text" plac

我正在尝试一个非常基本的示例，在已经存在的

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>

是的，当文档的DOM树中已经找到

lc

元素时，您需要在关闭

标记后的

标记中执行此操作。

您的代码运行良好您只是键入了这行代码：

document.getElementbyId（'lc'）.appendChild（元素）
更改为：（B应大写）。
以下是我的示例：


功能测试（）{
var元素=document.createElement（“div”）；
element.appendChild（document.createTextNode（“把妻子误认为帽子的男人”）；
document.getElementById（'lc'）.appendChild（元素）；
}
文档中的“b”应为大写字母。getElementById
修改后的代码
这显然是问题中的一个错误。他说他的代码工作得很好。我添加了一个工作示例，所以我想我回答了整个问题。他说当他附加到正文而不是正文时，代码工作得很好div@MikeC：哦，是的，你说得对。我将为这个问题添加一些格式。一团糟，是因为打字错误。我真的很生气
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);  

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