javascript - 仅使用 javascript 将图像添加到幻灯片

Question

我正在创建的网站上有一个幻灯片，我想知道如何单击单独的图像并仅使用简单的 javascript 将其动态添加到幻灯片中

Answer 1

使用 jQuery 之类的 JavaScript 框架（你真的应该这样做，即使是小功能，因为它确保你的代码是跨浏览器兼容的）：

$("img.addtoslide").click(function() {
  $(this).clone().appendTo("#slideshow");
});

上面的代码（基于 jQuery 语法）将适用于您添加到文档中的所有图像，而无需为每个图像编写新代码。

我真的建议您使用某种框架来操作 HTML DOM。尝试自己创建跨浏览器安全性是一件非常麻烦的事情。

如果您担心大小，那么有一堆微型 JS 框架使用类似于 jQuery 的语法。

Answer 2

像这样的东西

$(".separateImage").click(function(){

   $("#slider").append("<img src='1.jpg'/>");

});