Javascript 不正确的DOM问题

我有一个加载的页面，然后我对它执行一些JQuery。在执行线路时：

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

结果:

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

”
再过滤
“+Convert.ToString（record.fe_name）+”
返回所选元素
"

---

如果它认为上面的dom格式不正确，我做错了什么？

针对在我可以否决投票之前发布答案并将其删除的人。1） jquery语句中“”的定义是正确的，仍然存在我试图解决的错误。2）我将其分配给JS变量，下一行是：$（“div.modal”）.replaceWith（div）-我问了一个问题，并在几分钟后对答案投了反对票。3分钟后我没有投反对票。我还没来得及和他们讨论，他们就收回了自己的答案，于是人们就把它们拿走了。他们提供的答案是错误的。因此它是“无益的”。。。或者我应该等到发现答案后再发放积分奖励？你应该关心你的问题，而不是被删除的答案。目前，我认为被删除的答案（我可以看到；）比你的问题更不正确。我尝试了上面的代码，效果很好，所以你的问题中一定缺少了什么。但是，错误消息并没有说DOM是错误的，它说DOM不能插入到您想要插入的地方。1）我想您希望它被反转：d.appendChild（document.getElementById（“addhere”）；这仍然是我试图解决的层次错误。哎呀，我误解了你的问题，但我认为你的问题是不可行的。如何将DOM添加到页面当时或处理过程中不存在的内容中，并期望看到它正在工作？我做了一个Ajax请求，返回了一个字符串，然后将其解析为实际内容并在屏幕上呈现，方式与您在这里所做的非常类似。。。。只是创建一个新节点，然后或多或少地给它一个innerHTML=字符串；如果give所在的text变量是text，那么这个答案是正确的。它实际上是一个包含文本的js对象。在修改后的条件下，您的代码可以工作。

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 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);