0

色を変えるボタンを設置しました。表示されてclassAいますが、 に変わりませんclassB onclick。ボタンは機能しているように見えるので、ここで何が機能していないのかわかりません。助けていただければ幸いです。これがコードです。

'<script>
    function toggleclass() {
var myElement = document.getElementById("id1");
if(myElement.className == "classA") {
    myElement.className = "classB";
} else {
    myElement.className="classA";
}
   }
  window.onload=function() {
document.getElementById("btn1").onclick =toggleClass;
   }
     </script>'

 HTML

'<td><div id="id1" class="classA"><img src="images/this.png" width="300" height="300"   


alt="ttemp"></div>

 <input type="button" id="btn1" value="ChangeColor" />   

            </td>'

 CSS

'.classA {
width: 300px;
border: 2px solid black;
background-color: green;
color: red;
padding: 3px;
  }
  .classB {
width: 300px;
border: 2px solid black;
background-color: blue;
color: red;
padding: 3px;
  }'

ご協力いただきありがとうございます、

フランク

4

2 に答える 2

0

個人的には次のようにします。

$('#btn1').on("click", function(e){
    e.preventDefault();
    $('#id1').toggleClass("classB");
});

防止コードは、ページのジャンプを停止する必要がありますが、クラスの切り替え中にアクションを実行します

ちょうど私の2セント

于 2013-09-06T09:22:22.437 に答える