Javascript - 1つのボタンでCSSファイルを追加して削除する

Question

CSSファイルをページヘッダーに追加するボタンを作成しました。 同じボタンの2回目のクリックでこのCSSをヘッダーから削除できますか？

おかげ

<script> 
$(document).ready(function(){ 
    $("#myButton").click(function(){ 
    var ls = document.createElement('link'); 
    ls.rel="stylesheet"; 
    ls.href="myCSSfile.css"; 
    document.getElementsByTagName('head')[0].appendChild(ls); 
    }); 

}); 
</script> 


<button id="myButton">Add/Remove</button> 

Answer 1

ちょうどスタイルのタグを識別するために何かを追加し、IDはあなたにもこれを行うことができます上記の回答に加えて、適切な

$(document).ready(function(){ 
    $("#myButton").on('click', function(){ 

     if ($('#myStyle').length === 0) { // does not yet exist 

      $('<link />', { 
       id : 'myStyle', 
       rel : 'stylesheet', 
       href : 'myCSSfile.css'; 
      }).appendTo('head'); 

     } else { // exists, remove it 

      $('#myStyle').remove(); 

     } 
    }); 
}); 

Answer 2

です。 - http://stackoverflow.com/questions

<script> 
$(document).ready(function(){ 
    $("#myButton").click(function(){ 


     if($("link[href*=myCSSfile]").length){ 
      $("link[href*=myCSSfile]").remove(); 
     } 
     else{ 
      var ls = document.createElement('link'); 
      ls.rel="stylesheet"; 
      ls.href="myCSSfile.css"; 
      document.getElementsByTagName('head')[0].appendChild(ls); 
     } 
    }); 

}); 
</script> 


<button id="myButton">Add/Remove</button>