javascript - 如何为两个或多个按钮使用 javascript 代码

Question

var element = document.getElementById('text');
document.getElementById("wedding").onclick = function(){
  element.style.position = "absolute";
  element.style.left = '-450px';
  element.style.top = '-260px';
  element.style.zoom = 0.8;
  element.style.MozTransform = 'scale(0.8)';
  element.style.WebkitTransform = 'scale(0.8)';
}

我需要为两个按钮使用上面的代码。所以我像下面这样更改此代码，但它不起作用。 我该怎么做。

var element = document.getElementById('text');
document.getElementById("wedding divorce").onclick = function(){
   element.style.position = "absolute";
   element.style.left = '-450px';
   element.style.top = '-260px';
   element.style.zoom = 0.8;
   element.style.MozTransform = 'scale(0.8)';
   element.style.WebkitTransform = 'scale(0.8)';
}

Answer 1

如果您需要为不同的元素运行相同的函数，请调用函数名称而不是函数实现本身:

document.getElementById("wedding").onclick = lalala;

document.getElementById("divorce").onclick = lalala;

//inside you can use `this` ( notice we didnt pass [this] , it is done automatically)

function lalala()
{
     this.style.position = "absolute";
     this.style.left = '-450px';
     this.style.top = '-260px';
     this.style.zoom = 0.8;
     this.style.MozTransform = 'scale(0.8)';
     this.style.WebkitTransform = 'scale(0.8)';

}

OP 澄清后

var e=document.getElementById("text") 

document.getElementById("wedding").onclick =function (){ lalala(e) };

document.getElementById("divorce").onclick =function (){ lalala(e) };




function lalala(elm)
{
     elm.style.position = "absolute";
     elm.style.left = '-450px';
     elm.style.top = '-260px';
     elm.style.zoom = 0.8;
     elm.style.MozTransform = 'scale(0.8)';
     elm.style.WebkitTransform = 'scale(0.8)';

}