javascript - 在javascript中使用onClick获取被点击按钮的id

Question

我也交换了按钮的值和按钮的 .innerHTML，但是效率很低。像这样:

function btnswap2()
{

    var soft=document.getElementById('1');
    var hard=document.getElementById('2');

    var temp;
    var temp1;
    var flag=0;

    if(soft.id==1)
        {
            temp1=soft.innerHTML;
            soft.innerHTML=hard.innerHTML;
            hard.innerHTML=temp1;

            temp=soft;
            soft=hard;
            hard=soft;

            showHARD();
        }
}

现在我可以获得运行时单击的按钮的 ID，因为您可以看到每次单击按钮时按钮都会交换。问题是我必须像这里一样调用其他函数(在这种情况下，如果它很难，那么它应该是硬的，否则应该调用软)

  showHARD();
  showSOFT();

我怎样才能做到这一点？？？我的butn id如下: BTN:ID

 SOFT: 1
 HARD: 2
 TRAI: 3
 STAT:4 

Answer 1

我猜你想做的是这样的:

HTML

--------
static:
--------
<div id="1" >button A</div>

--------
live:
--------
<div id="2" onClick="btnswap2(this.id)">button B</div>
<div id="3" onClick="btnswap2(this.id)">button C</div>
<div id="4" onClick="btnswap2(this.id)">button D</div>

JavaScript

function btnswap2(id){
    var temp = document.getElementById("1").innerHTML; // static button
    var clicked_label = document.getElementById(id).innerHTML;
    document.getElementById("1").innerHTML = clicked_label;
    document.getElementById(id).innerHTML = temp;
}

fiddle 在这里:http://jsfiddle.net/n5UDu/6/

希望这有帮助。