如何使用JavaScript删除特定的CSS样式？

Question

我在 JavaScript 中绝对是新手，我遇到以下问题。

我有一个脚本，当用户点击按钮时会自动执行。

我需要这个脚本也执行以下操作：

1. 在我的DOM中选择一个具有特定ID的元素

2. 此元素设置了内联CSS：style="display: block;"，必须将其删除。

我该怎么做？

Answer 1

$("#id_of_the_element").hide();

或

$('#id_of_the_element').css('display', '');

Answer 2

要删除任何属性，请使用：

  $("#id").css("the_css_property","");

Answer 3

如果你正在使用vanilla javascript（没有任何库），请执行以下操作：

var element = document.getElementById( YOUR_ELEMENT_ID )
element.style.display = ''

您实际上只需输入所需的属性并将其设置为空字符串。

Answer 4

您可以使用.removeAttr()：

$("#id").removeAttr("style");

  

Exemple

Answer 5

只需使用JavaScript

<script>
    var elem = document.getElementById("your_elem_id");
    elem.style.display = '';    
</script>

Answer 6

使用JQuery，您可以使用$("#ElementID").css("display", "");清除display属性。

如果需要其他内容，只需更改css()函数中的第二个参数。

此处有更多信息：http://api.jquery.com/css/