javascript - 多次使用onclick函数

想象一下，您正在使用图像来调用如下函数：

<img src="images/next.png" alt="" class="transition opacity" onclick="nextQ()" />

并且您具有以下功能：

function nextQ(id) {
var prevQuestion = 0;
var currentQuestion = 1;

prevQuestion++;
currentQuestion++;
var elem = document.getElementById("q" + prevQuestion);
elem.parentNode.removeChild(elem);

document.getElementById("q" + currentQuestion).style.cssText = 'display:inline;';
next.style.cssText = 'display:none;';}

我怎么做，所以每次您单击图像时都会发生该功能。目前，仅在您第一次单击时发生，而在第二次单击时则什么也没有发生。

最佳答案

您的prevQuestion &&您的currentQuestion每次运行该函数时都会重置，如果您希望它们每次都递增，则使它们成为全局变量（将它们放在函数外部），如下所示：

var prevQuestion = 0;
var currentQuestion = 1;

function nextQ(id) {

    prevQuestion++;
    currentQuestion++;

}

这是一个有效的示例http://jsfiddle.net/Tt8f6/