Remove attribute in DOM and jQuery

Question

I still have some problem. In my HTML code I set one DIV to be hidden.

<div id="personalProfileWrap" style="visibility: hidden">

I changed several times my method in java script and it can be removed this attributed. These are the functions I have tried:

var div = document.getElementById("personalProfileWrap");
div.setAttribute("style", "");
//$("#personalProfileWrap").removeAttr("style");

I also tested with Dom getElement and still does not work. Don't know where the problem is.

Please for advise.

$("#personalProfileWrap").removeAttr("style"); should work - w3schools.com/jquery/… — Nick
– Nick, Commented Apr 7, 2014 at 20:52

Sunny Patel · Accepted Answer · 2014-04-07 20:52:21Z

3

It's a simple document.getElementById("personalProfileWrap").removeAttribute("style");

You don't even need jQuery for it. If you only want to remove one or two items, you'll have to do a .getAttribute("style") first, and parse through the set styles (semicolon delimiter), remove the one you want, and then do a .setAttribute("style", newStyleString).

answered Apr 7, 2014 at 20:52

Sunny Patel

8,0972 gold badges35 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Stephan Kulla · Accepted Answer · 2014-04-07 20:54:44Z

0

The following works for me with jQuery:

$("#personalProfileWrap").css("visibility", "inherit");

Here my (short) jsFiddle demo

answered Apr 7, 2014 at 20:54

Stephan Kulla

5,1273 gold badges28 silver badges35 bronze badges

Collectives™ on Stack Overflow

Remove attribute in DOM and jQuery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related