如何在单击时删除按钮的样式内容

Question

好的，所以我试图这样做，这样每当你点击这个按钮时，它就会删除其中包含的样式内容。

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

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

</button>

Answer 1

点击后，这将删除按钮 #margin 的 HTML 内容。

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

如果您尝试从.enable元素中删除 CSS margin-bottom 属性，请使用：

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

将上述代码中的0px替换为.enable的原始边距底部

Answer 2

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

---

如果您想从元素中删除样式

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

Answer 3

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

Answer 4

演示：http://jsfiddle.net/9HBe4/（修饰css规则和html来演示方法）

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