Kom*_*eem 24 javascript dom createelement
我正在尝试创建一个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);
}
Dev*_*ger 38
您的代码运行良好,您只需错误输入以下代码行:
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>这是我的例子:
document.getElementById('lc').appendChild(element);
'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);
}
| 归档时间： |
|
| 查看次数： |
103901 次 |
| 最近记录： |