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

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

现在我找到了答案，实现了一个基本场景。一个类为“黄色”的div被写入html页面，一个按钮将该类更改为“红色”。这种情况会发生，但div立即变回类“yellow”

我是JS的初学者，但不是初级程序员。这将是一个伟大的除了我的网站，但我找不到一个正确的答案。如果这个问题是多余的，我道歉

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

函数changeView（）{
document.getElementById（“框”）.className=“红色”；
}

---

Grtz，提前谢谢，Christophe，

默认情况下，按钮元素的类型为“提交”-这将导致浏览器发回服务器

尝试将类型改为button

<input type="button" ....

---

默认情况下，按钮元素的类型为“提交”-这将导致浏览器发回服务器

尝试将类型改为button

<input type="button" ....

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

如果您只需要更改
div的类
，请将其设置为一个简单的html按钮，如

<input type="button" onclick="changeView()" value="Change" />

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

如果您只需要更改
div的类
，请将其设置为一个简单的html按钮，如

<input type="button" onclick="changeView()" value="Change" />


您确定该按钮不会导致回发吗？天哪，事实上就是这样！我有一个基本页面，上面没有任何其他内容用于测试，我没有意识到这实际上是回发。我现在修好了。谢谢你的回复！：）你确定这个按钮不会引起回发吗？天哪，事实上就是这样！我有一个基本页面，上面没有任何其他内容用于测试，我没有意识到这实际上是回发。我现在修好了。谢谢你的回复！：）拙劣的答案是正确的，但你的答案更完整，所以我会把这个标记为答案。对不起，我又问了一个不太需要的问题。错误的答案是正确的，但你的答案要完整一些，所以我会把这个标记为答案。对不起，我又问了一个不太需要的问题。