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

Question

尚未找到解决我问题的方法。我不得不承认我在找到正确的搜索字词时遇到了问题。看来我再也看不到树林了 - 再次......

我正在尝试添加一个子元素，这根本不是很壮观。但现在我有一个变量（ajax - json）已经包含一个dom元素（＆lt; a href =“xx”＆gt;＆lt; img src =“xx”/＆gt;＆lt; / a＆gt;）而且我不想添加此内容。

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

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

接下来尝试elem.appendChild(document.createTextNode(var));对实体进行编码。所以锚和img-tag打印得很简单。

任何帮助？提前谢谢！

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