Question

我想在<head>内使用append（）函数，在函数中是特定的，如下所示：

function custom_img(src_img)
{
 $("div").append("<img src='"+src_img+"'>");
}
var myimg = new custom_img("test.jpg");

这是我刚写完的一个简单例子。我希望我的函数在每次创建这样的新对象时都能创建一个新的图像。显然这不起作用，因为append（）需要在体内（我试过这个）。

我该怎么做？

Answer 1

它不起作用的原因是因为你的div还不存在。
因此，您可以使用$(document).ready()函数来等待文档加载。

或者如果您希望图像与文档的其余部分一起加载，您只需创建一个新的div并在那里插入图像。

var div = $("div")
function custom_img(src) {
   div.append($("img").attr("src", src));
}

然后，当文档完全加载时，您可以浏览数组并将加载的图像插入DOM中。

$(document).ready(function() {
   $("#myDiv").append(div);
});

Answer 2

您可以尝试使用.after（），甚至.html（）

function custom_img(src_img)
{
 $("div").after("<img src='"+src_img+"'>");
}
var myimg = new custom_img("test.jpg");

或

function custom_img(src_img)
{
 $("div").html("<img src='"+src_img+"'>");
}
var myimg = new custom_img("test.jpg");