Удалить атрибут тега HTML

Можно ли удалить атрибут первого тега HTML <div>? Итак, это:

<div style="display: none; ">aaa</div>

становится

<div>aaa</div>

из следующего:

<div style="display: none; ">aaa</div>
<a href="#" style="display: none; ">(bbb)</a>
<span style="display: none; ">ccc</span>​

Ответы

Ответ 1

Чтобы записать его буквально, первый элемент использует .removeAttr():

$(":first").removeAttr("style");

или в этом случае .show() отобразит элемент, удалив свойство display:

$(":first").show();

Хотя вы, вероятно, захотите сузить его внутри чего-то другого, например:

$("#container :first").removeAttr("style");

Если вы хотите показать первый скрытый, используйте :hidden как ваш селектор:

$(":hidden:first").show();

Ответ 2

Или чистый JavaScript:

document.getElementById('id?').removeAttribute('attribute?')

Ответ 4

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

$('div[style]').removeAttr('style');

Поскольку вы не указали какой-либо идентификатор или класс для div, приведенный выше код найдет в нем div, имеющий встроенный стиль, а затем удалит из него этот стиль.

Если вы знаете, что есть какой-то родительский элемент div с id, вы можете использовать этот код:

$('#parent_id div[style]').removeAttr('style');

Где parent_id должен быть идентификатором родительского элемента, содержащего div в вопросе.

Ответ 5

Вы говорите "удалить атрибут" - вы хотите удалить атрибуты all? Или удалите атрибут style конкретно?

Начнем с последнего:

$('div').removeAttr('style');

Функция removeAttr просто полностью удаляет атрибут.

Ответ 6

в jQuery просто использовать

$("div:first").removeAttr("style");

в javascript

использовать var divs = document.getElementsByTagName( "div" );

дивы [0].removeAttribute( "стиль" );