在javascript中使用if/else更改图像或背景ID大小

Question

我刚刚进入 Javascript，我正在尝试使用 if / else 语句修改模式代码。 原代码是：

document.getElementById("button1").addEventListener("click", function(){    
    document.getElementById("box").style.height= "250px";    
});

我尝试通过多种方式修改它并尽可能多地进行研究，但即使经过多次反复试验，我也无法弄清楚如何去做。 到目前为止，我提出的对我来说最有意义的代码是

if(document.getElementById("button1").clicked == true) {    
    document.getElementById("box").style.height = "250px";    
};

但这没有任何作用。 任何输入将不胜感激。 谢谢你。

Answer 1

你去吧

 buttons = document.querySelectorAll(".button"); i = 0, length = buttons.length; for (i; i < length; i++) { if (document.addEventListener) { buttons[i].addEventListener("click", function() { handleOnClick(this.id); }); } }; function handleOnClick(button_id) { switch(button_id) { case "button1" : document.getElementById("box").style.height = "250px"; break; case "button2" : document.getElementById("box").style.height = "100px"; break; default: //whatever not needed break; } }

 .boxclass { width:100px; height:100px; background:red; }

 <div id="my-buttons"> <button id="button1" class="button">Change To 250</button> <button id="button2" class="button">Change to 100</button> </div> <br/> <div id="box" class="boxclass"></div>