gpt4 book ai didi

html - 无法将样式应用于按钮的单击事件

转载 作者:行者123 更新时间:2023-11-28 18:17:36 25 4
gpt4 key购买 nike

我在 HTML5 + Javascript 中动态创建了一个按钮。我已经为那个按钮分配了一个点击事件。当我点击它时,它的内容和背景颜色应该改变。内容变化正常,但 bgcolor 没有变化。

我的代码是;

<style>
.selectBtn{ height:60px;width:80px;background-color:yellow; }
</style>
<script>
var container = document.getElementById('abc');
function dx(){
var Btn = document.createElement('button');
Btn.type = 'button';
Btn.className = 'selectBtn';
Btn.innerHTML = 'SUBMIT';
container.appendChild(Btn);
Btn.onclick = function()
{
this.innerHTML='voted';
this.style.backgroundColor:'blue';
}
dx();
</script>
<body><div id='abc'></div></body>

最佳答案

使用 = 而不是 冒号。使用这个:-

this.style.backgroundColor = "#f47121";

关于html - 无法将样式应用于按钮的单击事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17722176/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com