Как удалить определенный стиль CSS с помощью JavaScript?

Question

Я абсолютно новый в JavaScript, и у меня есть следующая проблема.

У меня есть сценарий, который автоматически выполняется, когда пользователь нажимает на кнопку.

мне нужно, что этот сценарий также делать следующие операции:

1. Выберите элемент в моем DOM, которые имеют определенный идентификатор

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

С только JavaScript

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

Answer 4

С JQuery вы можете использовать $("#ElementID").css("display", "");, чтобы очистить display на дань.

Если это должно быть что-то другое, просто измените второй параметр в функции css().

Больше информации здесь: http://api.jquery.com/css/

Answer 5

Если вы используете ванильный JavaScript (то есть без какой-либо библиотеки), выполните следующие действия:

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

Вы эффективно просто введите нужный атрибут и установить его к пустой строке.

Answer 6

Вы можете использовать .removeAttr():

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

Exemple