javascript - 将变量作为参数从一个函数传递给多个函数

Question

在我的脚本中，我有一个函数 createEl()，我在其中声明了 2 个变量并调用了 2 个其他函数，将这些声明的变量传递给这 2 个函数。

通过点击一个链接，第一个函数应该将 10px 添加到 divp 的高度。通过单击另一个链接，第二个函数应该从 div 的高度中减去 10px。

虽然它没有按预期工作。我相信我必须以某种不同的方式从我的第一个函数中调用这两个函数？现在的结果是，无论我点击哪个链接，这 10px 总是被扣除。请帮忙。

附言我正在寻找一种没有全局变量的选项，而只是将变量作为参数从一个函数传递给多个函数。

HTML:

<a href="" onclick="createEl();return false;">Larger</a>&nbsp;&nbsp;
<a href="" onclick="createEl();return false;">Smaller</a>

<div id='box'></div>

JavaScript:

function createEl() {
    var x = document.getElementById('box');
    var h = x.offsetHeight;

    large(x,h);
    small(x,h);
}

function large(x,h) {
    x.style.height = h + 10 + "px";
}

function small(x,h) {
    x.style.height = h - 10 + "px";
}

Answer 1

更新您的 HTML 以将标识符参数发送到函数调用。

<a href="" onclick="createEl('large');return false;">Larger</a>&nbsp;&nbsp;
<a href="" onclick="createEl('small');return false;">Smaller</a>
<div id='box'></div>

JavaScript:

function createEl(funcName){

        var x = document.getElementById('box');
        var h = x.offsetHeight;

        if(funcName =="large") large(x,h); //depending on the parameter call the required function
        else small(x,h);
}