在点击时更改JavaScript中的样式
Changing style in javascript on onclick
本文关键字:JavaScript 样式 更新时间:2023-09-26
我想做几个简单的按钮,每次按下时都会切换颜色。按下按钮还需要将一些唯一的字符串传递给服务器。因此,每次按下按钮时,我都会运行两个功能。我的问题是,当我运行此脚本时,按钮仅在显示警报消息 Msg1 后的时间段内将颜色更改为红色。当我对 Msg2 回答"确定"时,按钮的颜色恢复为绿色。我在这里做错了什么?
<style>
.button { background-color: green; }
.buttonOn { background-color: red; }
</style>
<button id="r1" class="button" onclick="mF1(id)">Relay 1</button>
<script>
function mF1(btn) {
var property = document.getElementById(btn);
alert('Msg1: This is ' + property.className);
if (property.className == 'button')
{ property.className = 'buttonOn' }
else
{ property.className = 'button'; }
alert('Msg2: This is ' + property.className);
mF2(btn);
}
function mF2(id) { window.location.href='?HVAC-' + id; }
</script>
你正在使用 JavaScript 来更改 DOM。
然后,您将location.href
设置为新值。
这会导致加载新页面。
新页面没有您对 DOM 所做的修改。
您需要编写代码,以便在页面加载时检查查询字符串并设置适当的类。
相关文章:
- javascript样式的背景颜色在设置时闪烁.ASP.NET
- Javascript 样式的第 n 个孩子
- JavaScript样式警报,在用户导航离开页面之前带有链接
- Javascript样式表切换器
- JavaScript 样式类返回空字符串
- DOM 影子主机的 JavaScript 样式
- 任何 html 元素的 Javascript 样式编辑器工具栏
- JavaScript样式表更改器不起作用
- JavaScript样式更改单击在IE中不起作用
- Javascript样式与CSS样式表
- 使用javascript样式打印页面
- 带有文本框的FF Javascript样式问题
- JavaScript样式&笨拙的语法&设计
- 带有变量的javascript样式
- javascript样式的扩展标记信息
- 元素在正文中找不到足够的空间 - JavaScript 样式
- javascript样式-我应该定义变量/类吗
- 为什么 javascript 样式属性无法按预期工作
- 如何使用javascript样式td不使用id和类
- 用Javascript样式的onClick展开文本区域