一个在动态创建的div标签内的图像。

10 浏览
0 Comments

一个在动态创建的div标签内的图像。

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

0

1 答案

0 Comments

问题的原因是需要在动态创建的div标签中插入一张图片，并且需要为这张图片添加点击事件。解决方法是将HTML代码作为字符串创建，并将其添加到相应的元素中。如果需要为多个div标签添加图片，可以使用循环生成HTML代码。以下是示例代码：

var html = '
';
html += '' + ImageAlterText + '';
html += '
';
$('#idOfElement').append(html);
$('#idOfElement img').click(function(){
    // 在图片被点击时执行的代码
});

如果以上方法不能解决问题，请告诉我；)

0