为啥功能动作直到刷新才停留，但在点击后突然消失[重复]

Posted 2023-02-19

【中文标题】为啥功能动作直到刷新才停留，但在点击后突然消失[重复]

【英文标题】：Why isn't the function action stays until refresh but suddenly vanishes after living the click [duplicate]为什么功能动作直到刷新才停留，但在点击后突然消失[重复]

【发布时间】：2022-01-23 18:08:05

【问题描述】：

这里的功能正在工作，但<p> 上的颜色不会在我离开按钮时停留更长时间，如果它是原始形式

function color()
   document.getElementById("change").style.color = "#ff00ff";

html

<p id="change"></p>
<button onclick="color()">Change</button>

【问题讨论】：

也许您在按钮/文本上有其他侦听器，或者其他代码更改了它？因为 onclick 监听器不能像你想象的那样工作

请参考How to ask a good question并添加Minimum Reproducible Example

如果您希望保留使用 javascript 所做的更改，则需要将这些更改保存在本地存储中

按钮提交表单。那里有数十亿个骗子

点击提交按钮会提交一个表单，该表单会在 JS 完成对 DOM 的修改后立即加载一个新页面。

【参考方案1】：

在我的工作完美，但试试这个

document.getElementById('button_id').addEventListener('click', color)

【讨论】：

如果您无法重现问题，并且不了解问题的原因，那么将代码扔在墙上希望它坚持下去并不能得到一个好的答案。跨度>