动态创建的 div 标签内的图像答案

【问题标题】：An Image inside a dynamically created div tags动态创建的 div 标签内的图像
【发布时间】：2013-01-31 07:15:30
【问题描述】：

需要的是使用 Javascript 动态创建六个 div 标签，这些标签将根据窗口的宽度（计算机、iphone、ipad、Blackberry 等）调整大小。这项任务已经成功完成。下一个任务是在每个创建的 div 标签中放置一个图像，记住 div 是动态创建的，并且图像必须是可点击的。我有一个包含图像的文件夹。

请帮助我是新手。

**注意：图像应随着 div 大小的调整而调整* 这是动态创建的 div 标签的代码。请详细说明我如何才能最好地实现这一目标。

function DynamicDiv()
{
    for (var i = 0; i <= 5; i++)
    {
        var dynDiv = document.createElement("div");
        dynDiv.className = "blocks";
        document.body.appendChild(dynDiv);
    }
}

【问题讨论】：

你为什么用 jQuery 标记这个？
看看这篇文章：stackoverflow.com/questions/8013792/…

标签： c# javascript

【解决方案1】：

您可以尝试将 html 创建为字符串并将其附加到元素。

var html='<div>';
html='<img src="'+ImagePathforDynamic+'" alt="'+ImageAlterText+'"'/>;
html+='</div>';
$('#idOfElement').append(html);

哦！需要添加事件

$('#idOfElement img').click(function(){
    // your code to perform on click of the image
});

或者，如果您想拥有多个 div，那么您可以使用循环来生成相同的 html。
如果这对您没有帮助，请告诉我；）

【讨论】：