CODEWITHSUNDEEP
javascriptjquery
DGT
DGT

Reputation: 2654

Remove attribute of HTML tag

Is it possible to remove the attribute of the first HTML <div> tag? So, this:

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

becomes 

<div>aaa</div>

from the following:

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

Upvotes: 18

Views: 35374

Answers (6)

Phoenix
Phoenix

Reputation: 371

Or pure JavaScript:

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

Upvotes: 37

Anoop
Anoop

Reputation: 23208

it is easy in jQuery just use

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

in javascript

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

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

Upvotes: 0

VoteyDisciple
VoteyDisciple

Reputation: 37803

You say "remove the attribute" — do you mean to remove all attributes? Or remove the style attribute specifically?

Let's start with the latter:

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

The removeAttr function simply removes the attribute entirely.

Upvotes: 0

Sarfraz
Sarfraz

Reputation: 382636

You can use the removeAttr method like this:

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

Since you have not specified any id or class for the div, the above code finds a div having inline style in it and then it removes that style from it.

If you know there is some parent element of the div with an id, you can use this code instead:

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

Where parent_id is supposed to be the id of parent element containing the div under question.

Upvotes: 1

Nick Craver
Nick Craver

Reputation: 630349

To remvove it from literally the first element use .removeAttr():

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

or in this case .show() will show the element by removing the display property:

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

Though you probably want to narrow it down to inside something else, for example:

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

If you want to show the first hidden one, use :hidden as your selector:

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

Upvotes: 12

Alex
Alex

Reputation: 3652

Yes, in fact jQuery has something for this purpose: http://api.jquery.com/removeAttr/

Upvotes: 2

Related Questions