小编sag*_*gar的帖子

如何在javascript中添加点击事件到按钮?

<html>
<body>
<input type="text" id="number"/>
<input type="button" value="create button" onclick="createbtn()"/> 
<br> 
<script>
function createbtn() 
{
  var n=document.getElementById("number").value;

  for(i=1;i<=n;i++)
   {
    var x = document.createElement("INPUT");
    x.setAttribute("type", "button");
    x.setAttribute("value", i);
    x.setAttribute("id","x"+i);
    document.body.appendChild(x);
    document.getElementById("x"+i).onclick=function(){rotate(i)};            
   }
}

function rotate(p)
  { 
   var n=document.getElementById("number").value;
   var j=n;
   var k=0; 

   for(i=n;i>p;i--)
    {
     document.getElementById("x"+i).value=i-p;
    }
   for(i=1;i<=p;i++)
    {
     document.getElementById("x"+i).value=(j-(p-1))+k; 
     k++;
    }
  }

</script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

在上面的代码中,我要做的是创建与文本字段中输入的数字相等的按钮数,然后向这些按钮添加一个点击事件,以便在单击它们时,每个按钮的值都会旋转.我用于获取onclick事件的方法无法正常工作.帮我!!

html javascript html5

1
推荐指数
1
解决办法
356
查看次数

标签 统计

html ×1

html5 ×1

javascript ×1