根据按钮的点击次数创建新元素

Question

**

  

简短问题：如何编写html按钮以显示详细信息   根据点击次数显示特定图像，即   单击一次按钮：显示图像1；两次：显示图像2等；

**

问题的详尽解释：

所以我想创建一个html / php / javascript表单，而不仅仅是基本的html原始表单，不，我希望它能够允许用户一次上传多个文件，我希望每次布局都是这样用户按下上传按钮，即可上传新文件，并显示缩略图，即围绕着已上传文件的详细信息的矩形框，例如：upload form

我尝试使用javascript创建一个新元素来包含上载文件的详细信息，包括当单击上载按钮时的缩略图，但是我有一个问题：

如何编程html按钮以根据点击次数显示特定图像的详细信息，即如果单击一次按钮：显示图像1；两次：显示图像2等

Answer 1

如果图像中的名称与相应的点击次数相同，那么就很容易了：

<button onclick="this.children[0].setAttribute('src', (Number(this.children[0].getAttribute('src').split('.')[0])+1) + '.jpg')">
 <img src="0.jpg"></img>
</button>

当然，在函数中包含js代码会更清洁。

如果图像名称与数字不匹配，则可以使用关联数组或对象来获取每个位置的正确名称。