使用 JavaScript 对 HTML 输出 (ASP.Net） 所做的更改立即撤消

Changes made to HTML output (ASP.Net) using JavaScript immediately undone

本文关键字：撤消 HTML JavaScript 输出 Net ASP 使用      更新时间：2023-09-26

我有一个显示属性列表的页面（即房屋）。此列表是使用 CSS 组成的。所以我构建了第二个 CSS 类，它使属性/房屋在 2 列中正确对齐。到目前为止，我通过按下按钮、回发和输出不同的 html（基本相同，但使用其他 Css 类引用）来做到这一点。

现在我在SO上找到了这个问题，并实现了一个基本方案。一个类为"黄色"的div 被写入 html 页面，一个按钮将这个类更改为"红色"。发生这种情况，但div 立即变回类"黄色"。

我是一个非常非常初学者的JS，但不是一个初级程序员。这将是对我的网站的一个很好的补充，但我找不到正确的答案。如果这个问题是多余的，我深表歉意。

<script type="text/javascript">
    function changeView() {
        document.getElementById("box").className = " red";
    }

格茨，提前谢谢，克里斯托夫，

默认情况下，按钮元素的类型为"submit"，这将导致您的浏览器回发到服务器。

尝试将类型更改为按钮。

<input type="button" ....

有关差异的更多信息，请点击此处...<输入类型> 和<输入类型> 之间的区别

如果您的按钮导致回发（可能是带有 asp: 标记的服务器控件），您所做的 javascript 更改将丢失，因为默认情况下，asp 按钮将页面提交到服务器，结果您的页面会重新加载。

如果您只需要更改div的类，请使其成为一个简单的html按钮，例如

<input type="button" onclick="changeView()" value="Change" />
相关文章：