如何将多个功能组合成一个功能？答案

【问题标题】：How to combine many functions into a single function?如何将多个功能组合成一个功能？
【发布时间】：2015-12-14 02:35:54
【问题描述】：

我有一个带循环的动态按钮，我有 onclick 属性函数，如下所示：

for (var j=0; j<= 1; j++){ 
  btndisplay= document.createElement("input");
  btndisplay.setAttribute("type", "button");
  btndisplay.setAttribute("style","height:80px;width:60px");
  btndisplay.setAttribute("onclick", "myFunction"+ (j+1) +"(this.name)"); 
  document.getElementById('divButtons'+(j+1)).appendChild(btndisplay);   
}

如何将以下多个函数简化为一个函数？

  function myFunction1(name) 
  { 
    if (document.getElementById('value1').innerHTML==""){
     document.getElementById('value1').innerHTML = name; 
    }
  }

  function myFunction2(name) 
  { 
    if (document.getElementById('value2').innerHTML==""){
      document.getElementById('value2').innerHTML = name; 
  }

【问题讨论】：

标签： javascript html function for-loop

【解决方案1】：

使用另一个参数，一个用于name，另一个用于id：

function myFunction(id, name) 
{
    if ( document.getElementById(id).innerHTML=="" )
        document.getElementById(id).innerHTML = name; 
}

【讨论】：

【解决方案2】：

你已经创建了：

<input type="button" onclick="myFunction(this)">
<input...
...

功能是：

function myFunction (that) {
  if(that.innerHTML === "") {
    that.innerHTML = that.name;
  }
}

【讨论】：