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

<强>来源（S）

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

Answer 3

使用details.appendChild()

执行您正在执行的操作

请看这个示例：

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

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

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

3 个答案: