javascript - 从内联 css 和 JavaScript 按钮图像的点击更改

标签 javascript html css

如何制作一个内联的 css,点击后会改变输入按钮的颜色或图像?

<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();">

关于javascript - 从内联 css 和 JavaScript 按钮图像的点击更改,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23020890/

相关文章:

javascript - 在一个函数中验证多个表单域

php - 向我的 mySQL 输出数据添加排名

javascript - 求数组之和 - Javascript

javascript - Redux 中的状态突变

javascript - 从 HTML 中的其他域渲染 pdf

html - 行后的 Bootstrap 4 div 导致列出现问题

html - 第 n 个子食谱

CSS:Span 部分服从应用于它的 css

javascript - 关于(jquery)的解释?

javascript - 在 Web Audio API 中精确播放/暂停/搜索大型音频文件的最佳方式