DOM 操作 - 附加一个带有 dom 内容的字符串变量答案

【问题标题】：DOM Manipulation - append a string-variable with dom contentDOM 操作 - 附加一个带有 dom 内容的字符串变量
【发布时间】：2011-06-28 05:09:36
【问题描述】：

还没有找到解决我的问题的方法。我不得不承认我在找到正确的搜索词时遇到了问题。看来我只见树木不见森林——再一次......

我正在尝试附加一个子元素，这一点都不壮观。但是现在我有一个变量（ajax - json），它已经包含一个 dom 元素（），我不想添加这个内容。

第一种方法elem.appendChild(var);

抛出此错误：*NOT_FOUND_ERR: DOM Exception 8*

下一次尝试elem.appendChild(document.createTextNode(var)); 对实体进行编码。所以anchor和img-tag是纯打印的。

有什么帮助吗？提前致谢！

【问题讨论】：

【解决方案1】：

您正在尝试将 appendChild 与元素的纹理表示一起使用，而不是 dom 节点本身。尝试使用innerHTML 属性：

elem.innerHTML += "<a href=\"xx\"><img src=\"xx\" /></a>";

JQuery 有一个很好的 append 方法可以为您处理所有这些：

$("div.someDiv").append("<a href=\"xx\"><img src=\"xx\" /></a>");

【讨论】：

谢谢。是的，jQuery 很酷而且很有帮助。不幸的是，该代码是针对 js sn-p 的，应该集成到其他网站中。所以我应该保持一切都很小，并且不能包含一些额外的库。