kzen.dev
Дополнительно
Вопрос

ненадлежащий выпуск DOM

У меня есть страница, которая загружается, а затем я делаю на ней некоторые JQuery. При выполнении строки:

var div = $("<div class='modal'>").append(r);

Я пытался выяснить, почему он выдает ошибку и говорит, что произошла ошибка иерархии. Может быть, в r неправильный DOM? Чтобы сэкономить на выводе, так как он длинный, я покажу серверную сторону. r ниже не ошибается, но именно при добавлении его к div выше возникают проблемы.

var r = $(result);

результат:

"<div>
   <input type='text' id ='queryInput' />
   <button id = 'queryButton' runat='server' value = 'Re-Filter'>Re-Filter</button>
</div>
<div id='set'>
   <select>
     <!-- The options are populated by a loop in ASP.net -->
     <option value = '" + Convert.ToString(record.fe_id) + "'>" + Convert.ToString(record.fe_name) + "</option>  
   </select>
</div>
<div>
   <button id = 'buttonReturnValue' value = 'Return Selected Element'>Return Selected Element</button>
</div>"

Что я делаю не так, если он считает, что приведенный выше домен неправильно сформирован?

Rizier123
Rizier123
Редактировал вопрос 1-го марта 2016 в 11:56
Программирование
asp.net
javascript
html
jquery
dom
Решение / Ответ
var text = "<div><input type='text' id ='queryInput' /><button id = 'queryButton' runat='server' value = 'Re-Filter'>Re-Filter</button></div><div id='set'><select><option value = '" + Convert.ToString(record.fe_id) + "'>" + Convert.ToString(record.fe_name) + "</option></select></div><div><button id = 'buttonReturnValue' value = 'Return Selected Element'>Return Selected Element</button></div>";

Это обходной путь, но он работает...

var d = document.createElement("div");
d.innerHTML = text;
document.getElementById('modal').appendChild(d);
scusyxx
scusyxx
Редактировал ответ 5-го июля 2012 в 8:37
2
Хотите что-то узнать? Задавайте Ваш вопрос на нашем сайте
ru.kzen.dev
Похожие сообщества 32
JavaScript Jobs — чат
26 146 пользователей
JavaScript Jobs — чат для поиска работы и людей Правила оформления: @telegram-ru/r1WQe5F1m" rel="nofollow noopener noreferrer" class="text-blue hover:text-black link" target="_blank">https://teletype.in/@telegram-ru/r1WQe5F1m См. также: @mobile_jobs, @devops_jobs, @nodejs_jobs, @react_js, @angular_ru, @js_ru
JavaScript Noobs — сообщество новичков
8 896 пользователей
Помогаем друг другу разбираться с JS Правила: @js_noobs_ru/rules" rel="nofollow noopener noreferrer" class="text-blue hover:text-black link" target="_blank">https://teletype.in/@js_noobs_ru/rules Другие полезные чаты — https://github.com/goq/telegram-list
JavaScript — русскоговорящее сообщество
7 383 пользователей
Рекомендуем сразу отключить уведомления Правила: https://git.io/JycBd См. также: @js_noobs_ru, @nodejs_ru, @ts_cool, @react_js, @electron_cool Вакансии и поиск работы: @javascript_jobs
DotNetRuChat
6 702 пользователей
Чат русскоязычного .NET сообщества http://dotnet.ru/ Правила: https://t.me/DotNetRuChat/704399 Вам могут быть интересны: @dotnetchat, @cilchat, @fsharp_chat, @pro_net, @AvaloniaRU, @xamarin_russia, @DotNetRuJobs, @uwp_ru Флуд в @dotnettalks
HTML/CSS — русскоговорящее сообщество
5 700 пользователей
Возникли проблемы с HTML или CSS? – пиши сюда, обсудим и предложим самое лучшее решение. @javascript_ru @frontend_ru Каналы: @defront @htmlshit 🟡 Ищешь чат? @it_chats 🟡 Мы всегда рады помочь, но у нас есть правила. ВАЖНО: http://nometa.xyz
Вакансии .NET
4 140 пользователей
Правила: https://t.me/DotNetRuJobs/123 Канал с вакансиями - https://t.me/DotNetRuJobsFeed Вам могут быть интересны: @dotnetruchat, @cilchat, @fsharp_chat, @pro_net, @AvaloniaRU, @xamarin_russia Флуд в @dotnettalks Стажировки: #большой_пост_о_стажировках