Создание элемента div внутри элемента div в javascript

Я пытаюсь очень простой пример создания div внутри уже существующих div.

он, похоже, не работает, когда я использую:

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

но отлично работает, когда я это делаю:

document.body.appendChild(element)

мне нужно добавить

16
createelement dom javascript

3 ответов

ваш код работает хорошо, вы просто опечатались эту строку кода:

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

измените его следующим образом:

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

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

да, вам либо нужно это сделать onload или <script> tag после закрывающим тегом </body> - тег, если тег lc элемент уже найден в дереве DOM документа.

0