Eliminar el atributo de la etiqueta HTML

Question

¿Es posible eliminar el atributo de la primera etiqueta HTML <div>? Por lo tanto, la siguiente:

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

convierte

<div>aaa</div> 

entre los siguientes:

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

Answer 1

Para remvove desde literalmente, el primer elemento usa .removeAttr():

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

o en este caso .show() mostrará el elemento mediante la eliminación de la propiedad display:

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

---

Aunque es probable que desee limitar la búsqueda a dentro de otra cosa, por ejemplo:

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

Si desea mostrar el primero oculto, use :hidden como su selector:

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

Answer 2

Sí, de hecho jQuery tiene algo para este fin: http://api.jquery.com/removeAttr/

Answer 3

Usted puede utilizar el método removeAttr así:

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

Dado que no se ha especificado ningún ID o clase para el div, el código anterior encuentra una que tiene estilo en línea div en ella y luego se elimina ese estilo de ella.

Si usted sabe que hay algún elemento padre del div con un id, se puede utilizar este código en su lugar:

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

donde se supone que parent_id a ser el ID del elemento principal que contiene el div en cuestión.

Answer 4

Dice "eliminar el atributo" - ¿Quiere decir eliminar todos los atributos? ¿O eliminar el atributo style específicamente? inicio

Vamos con este último:

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

La función removeAttr simplemente elimina el atributo del todo.

Answer 5

es fácil en jQuery sólo tiene que utilizar

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

en javascript

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

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

Answer 6

O JavaScript puro:

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