Question

我有一个带循环的动态按钮，我有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; 
  }

Answer 1

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

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

Answer 2

您已创建：

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

功能是：

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

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

2 个答案: