如何删除点击按钮的样式内容

Question

Ok so I'm trying to make it so that whenever you click on this button it removes the style content contained within it.

<button id="margin" onclick="save()" class="submit" type="submit">

  <style>
    .enable {
      margin-bottom:420px;
    }
  </style>

</button>

Answer 1

This will remove the HTML contents of button #margin when clicked.

$("#margin").on("click", function(){
 $(this).html('');
});

and If you are trying to remove the CSS margin-bottom property from the .enable element, use :

$("#margin").on("click", function(){
 $(".enable").css("margin-bottom", "0px");
});

Replace 0px in above code to the original margin bottom of .enable

Answer 2

$("#margin").on("click", function(){
 $(this).html('');// $(this).text(''); //$(this).empty(); //$(this).find('*').remove();
});

---

If you want remove style from elements

$(".enable").css("margin-bottom", "0px");

Answer 3

$("#margin").click(function() {
    $(this).html("");
});

Answer 4

Demo: http://jsfiddle.net/9HBe4/ (embellishes css rules and html to demonstrate the method)

// listen for click event on target element
$("#margin").on("click", function(){
    // select `style` tag within `this` element, and remove it
    $("style", this).remove();
});