javascript - 将值添加到从 document.createElement 创建的 div 中

Question

我有一个从 document.createElement 创建的 DIV，我有一些文本和一个需要添加到此 DIV 的图像。有人可以建议我最好的方法吗？图像路径在图像变量中给出。以下是我已经编写的代码。contentattachpoint 是 HTML 页面中的另一个 DIV，由

var contentattachpoint=document.querySelector('.contentattachPoint');


var year="Year of Manufacture:"+arr[i].year;
var power="Engine Power:"+arr[i].power;
var description="Description:"+arr[i].description;
var image=arr[i].image;
var details = document.createElement("div");
details.setAttribute("id", "details");
details.className = "details";
details.value=year+power+description;
contentattachpoint.appendChild(details)

提前致谢。

Answer 1

根据我对您的问题的理解，我认为您在创建的 div 中都需要文本和图像，因此请执行以下操作

details.innerHTML = description + "<img src='"+image+"'>";

Answer 2

如果您使用的是 jQuery，请使用该.append()函数。

例子：

$('#details').append('<img src="' + image + '" />');

你还应该看看Prepend

来源

jQuery API - append()
jQuery API - prepend()

Answer 3

做你已经在做的事情details.appendChild()

看这个示例：

刚刚创建了一个演示示例，向您展示如何动态创建 div 并为其添加段落标签和图像标签。

http://jsfiddle.net/2LAYS/2/