Usuń atrybut znacznika HTML

Question

Czy możliwe jest usunięcie atrybutu pierwszego znacznika HTML <div>? Więc tak:

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

staje

<div>aaa</div> 

z następujących opcji:

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

Answer 1

Aby remvove go z dosłownie pierwszy element używa .removeAttr():

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

lub w tym przypadku .show() pokaże element usuwając właściwość display:

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

---

Choć prawdopodobnie chcesz sprowadzić do czegoś wewnątrz innego, na przykład:

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

Jeśli chcesz pokazać pierwszy ukryty, użyj :hidden jako swojego selektora:

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

Answer 2

Tak, w rzeczywistości jQuery ma coś do tego celu: http://api.jquery.com/removeAttr/

Answer 3

Można użyć metody removeAttr takiego:

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

Ponieważ nie określono żadnego identyfikatora lub klasy dla div, powyższy kod znajdzie div mający styl wbudowany w nią, a potem usuwa ten styl z tego.

Jeśli wiesz, że istnieje jakiś element nadrzędny div z id, możesz użyć tego kodu, zamiast:

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

Gdzie parent_id ma być identyfikator elementu nadrzędnego zawierającego div pod znakiem zapytania.

Answer 4

Mówisz "usuń atrybut" - czy chcesz usunąć atrybuty wszystkich? Lub w szczególności usunąć atrybut style? początek

Pozwala my z nim:

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

Funkcja removeAttr prostu usuwa atrybut całkowicie.

Answer 5

jest łatwy w jQuery wystarczy użyć

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

w javascript

użycie var div = document.getElementsByTagName ("div");

divs [0].removeAttribute ("style");

Answer 6

lub czystego javascript:

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