2013-07-28 5 views
2

я хочу, чтобы динамически добавлять Div элемент в моей page.searching вокруг, включая Stackoverflow дает мне этот пример кода:Javascript: AppendChild Append Div не работает

var main = document.getElementById('MasterContainer'); //manually defined div with this id 
var div = document.createElement('div'); 
div.setAttribute("id","container1"); 
main.appendChild(div); 

примечание: его внутри document.ready функции.

и результат не содержит container1 div.

+0

только, чтобы подтвердить, есть ли у вас 'MasterContainer' Div элемент в вашем HTML? +, поскольку вы отметили вопрос на javascript, я думаю, вы, возможно, не добавили файлы jquery на свою страницу. Не так ли? –

+0

код в порядке, добавьте 'console.log()', чтобы убедиться, что он вызывается. http://jsfiddle.net/Rv93C/ ... и, возможно, напишите больше кода/html –

+2

Да, День дня прав, и его скрипка доказывает это. Затем мой вопрос становится, как вы проверяете, добавлен ли div? Если в вашем тестовом браузере есть инспектор (щелкните правой кнопкой мыши, «Проверить элемент»), посмотрите, показывает ли это, потому что похоже, что вы можете просматривать источник, который, как мне кажется, в большинстве браузеров показывает немодифицированный html. – ericjbasti

ответ

1

Код должен быть в порядке, проверить, если элемент с идентификатором #MasterContaienr на странице и название было написать хорошо

+0

Я проверил это несколько раз, факт, если нет MasterContainer appendchild вернет ошибку, но нет ошибки – user1229351

+0

@ user1229351 попробуйте открыть консоль отладки хром (F12) и выбросить «document.getElementById (« MasterContainer »); ». Посмотрите, что выйдет – Lwyrn

Смежные вопросы