c# - 动态创建的 div 标签内的图像

Question

需要的是使用 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);
    }
}

Answer 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 的循环。
如果这对您没有帮助，请告诉我；）