javascript - 传递 JavaScript 值

Question

我想将数值传递给以下 Javascript 函数。

function swap2() {
var oldDiv = document.getElementById("product-grid");
var newDiv = document.getElementById("product-page");
oldDiv.style.display = "none";
newDiv.style.display = "block";
}

我希望能够使用括号中的数字来调用该函数，例如...

onclick="swap2(2)"

然后让 newDiv 变量根据该数字进行更改，如下所示...

 var newDiv = document.getElementById("product-page2");

我怎样才能做到这一点？

Answer 1

function(variable){
    // process using 'variable'
}

这就是将变量传递给函数的方式。因此:

function swap2(n) {
    var oldDiv = document.getElementById("product-grid");
    var newDiv = document.getElementById("product-page" + n);
    oldDiv.style.display = "none";
    newDiv.style.display = "block";
}