不正确的 DOM 问题

improper DOM issue

本文关键字：问题 DOM 不正确      更新时间：2023-09-26

我有一个加载的页面，然后我在其上执行一些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>"

我做错了什么，它认为上述内容是格式不正确的 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);
相关文章：