0

プロパティのリストが表示されているページがあります（つまり、家）。このリストは CSS を使用して作成されています。そこで、2 番目の CSS クラスを作成しました。これにより、プロパティ/家が 2 列に正しく配置されます。これまでは、ボタンを押してポスト バックし、別の html を出力していました (基本的には同じですが、他の Css クラス参照を使用します)。

SOでこの質問を見つけ、基本的なシナリオを実装しました。クラス「yellow」の div が html ページに書き込まれ、ボタンがこのクラスを「red」に変更します。これは発生しますが、div はすぐにクラス「yellow」に戻ります。

私はJSの初心者ですが、初心者のプログラマーではありません。これは私のサイトに追加するのに最適ですが、適切な答えが見つかりません。この質問が冗長である場合はお詫び申し上げます。

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

Grtz、事前に感謝します、クリストフ、

4

2 に答える 2

3

デフォルトでは、ボタン要素は「submit」タイプです。これにより、ブラウザはサーバーにポスト バックします。

代わりにタイプをボタンに変更してみてください。

<input type="button" ....

違いの詳細はこちら... <input type='button' /> と <input type='submit' /> の違い

于 2012-04-11T13:41:09.753 に答える
1

ボタンがポストバック (asp:タグ付きのサーバー コントロールの可能性があります) を引き起こす場合、既定では asp ボタンがページをサーバーに送信し、その結果としてページがリロードされるため、行った JavaScript の変更は失われます。

のクラスを変更する必要がある場合は、次のdivような単純な html ボタンにします。

<input type="button" onclick="changeView()" value="Change" />
于 2012-04-11T13:42:40.007 に答える