javascript - 单击按钮时更改按钮的背景颜色

标签 javascript html background-color

<分区>

我正在尝试使用 JavaScript 更改按钮的 background-color 属性。该脚本检查当前 background-color 设置的内容,然后切换它。 这是 JavaScript 代码:

function btnColor(btn,color) {
    var property=document.getElementById(btn);
    if (property.style.background-color == "#f47121") {
        property.style.background-color=Color;
    }
    else {
        property.style.background-color = "#f47121";
    }
}

这是我在 html 中传递的内容:

<input type="button" id="btnHousing" value="Housing" onclick="toggleLayer('transparent1');btnColor('btnHousing','#fff200');" />

toggleLayer 是我正在使用的另一个函数,它工作得很好。 我似乎无法弄清楚为什么它不起作用。

最佳答案

为什么不直接使用 jQuery?

核心 Javascript 是如此原始! 如果你只是改变背景颜色,那么使用 jQuery 中的点击事件:

$('#btnHousing').click(function() {
    //Now just reference this button and change CSS
    $(this).css('background-color','#f47121');
});

就我个人而言,它比原始 javascript 读起来好多了。

问候

关于javascript - 单击按钮时更改按钮的背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16966088/

相关文章:

javascript - 如何在 Onclick 期间将多个参数从 HTML 传递给函数

javascript - 如何使用事件——当选项卡激活容器时会触发什么事件? (extjs 6.5)

CSS,<div> 标签的高度和滚动

javascript - 如何在纯 JavaScript 中检查元素的颜色是否等于其背景颜色(渲染后)?

javascript - d3.js 可选择树形图

JavaScript:嵌套对象值可以引用其父对象键吗?

html - 与容器中的段落垂直居中对齐。

javascript - Android 不从选择元素打开下拉菜单

html - 滚动时背景高度全屏

css - 制作一个空的 DIV 高度和其容器的宽度