javascript - 从嵌入式CSS和JavaScript对按钮图像进行onclick更改

如何制作一个内联CSS，使其onclick更改输入按钮的颜色或图像？

<div><input type="button" id="btn" style="background-image:url('old.png');width:36px;height:36px;" onclick="change();"></div>

function change() {
    document.getElementById("btn").style.backgroundImage=url('new.png');
}

如何使用JavaScript完成此操作？我错过了什么

还是有可能更容易的html或css解决方案？

最佳答案

<input type="button" id="btn" style="background-color:green;width:36px;height:36px;" onclick="change();">