Rimuovi l'attributo del tag HTML

Question

È possibile rimuovere l'attributo del primo tag HTML <div>? Quindi, in questo modo:

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

diventa

<div>aaa</div> 

dal seguente:

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

Answer 1

Per remvove da letteralmente il primo elemento utilizza .removeAttr():

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

o in questo caso .show() mostrerà l'elemento rimuovendo la proprietà display:

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

---

anche se probabilmente si vuole restringere il campo a qualcosa dentro altra cosa, ad esempio:

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

Se si desidera mostrare il primo nascosto, utilizzare :hidden come selettore:

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

Answer 2

Sì, in effetti jQuery ha qualcosa per questo scopo: http://api.jquery.com/removeAttr/

Answer 3

È possibile utilizzare il metodo removeAttr in questo modo:

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

Dal momento che non è stato specificato alcun ID o classe per il div, il codice di cui sopra trova un div con stile in linea in esso e poi rimuove quello stile da esso.

Se sapete c'è qualche elemento padre del div con un ID, è possibile utilizzare questo codice invece:

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

dove si suppone parent_id per essere l'ID di elemento padre contenente il div in discussione.

Answer 4

Si dice "rimuovere l'attributo" - si intende rimuovere tutti gli attributi? Oppure rimuovere specificamente l'attributo style? inizio

Let con quest'ultima:

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

La funzione removeAttr semplicemente rimuove l'attributo del tutto.

Answer 5

è facile in jQuery basta usare

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

in javascript

uso var div = document.getElementsByTagName ("div");

div [0].removeAttribute ("stile");

Answer 6

O puro JavaScript:

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