DOM操作 - 在dom內容後附加一個字符串變量

Question

還沒有找到解決我的問題的方法。我不得不承認，我有問題找到正確的搜索條件。似乎我沒有看到樹木的森林 - 再次...

我試圖追加一個子元素，這根本不是壯觀的。但現在我有一個變量（ajax - json），它已經包含一個dom元素（< a href =「xx」> < img src =「xx」/ > </a >），我不想添加此內容。

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

拋出這個錯誤：* NOT_FOUND_ERR：DOM異常8 *

下一頁嘗試elem.appendChild(document.createTextNode(var));編碼的實體。所以錨和img標籤是平原打印的。

有幫助嗎？提前致謝！

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