Changing CSS properties from Javascript

Question

I want to change the padding and top, width to 0 using Javascript

Not able to do that.

Been trying things like:

 document.getElementById("sharebar").innerHTML="";  //This works
 alert(document.getElementById("sharebar").toString());
document.getElementById("sharebar").setAttribute("width", "0px"); //To remove formatting but this doesnt

What are you trying to do?

tim.baker
– tim.baker

2013-02-22 23:30:49 +00:00
Commented Feb 22, 2013 at 23:30 — tim.baker
– tim.baker, Commented Feb 22, 2013 at 23:30

sachleen · Accepted Answer · 2013-02-22 23:31:17Z

6

You're trying to set an attribute of the element, not its style. To change the style, you do something like this:

document.getElementById("sharebar").style.width = "0px"

answered Feb 22, 2013 at 23:31

sachleen

31.2k8 gold badges81 silver badges75 bronze badges

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

Comments

Adisesha · Accepted Answer · 2013-02-22 23:30:47Z

4

document.getElementById("sharebar").setAttribute("style", "width:0px;");

answered Feb 22, 2013 at 23:30

Adisesha

5,2681 gold badge35 silver badges44 bronze badges

3 Comments

sachleen Over a year ago

I don't like this because it'll overwrite any other styles you apply to the element.

Adisesha Over a year ago

agree..didn't think of that

sachleen Over a year ago

@CodeMonkey of course it will work, but just be aware of that if you want to just change one of multiple styles applied to an element.

scartag · Accepted Answer · 2013-02-22 23:31:30Z

2

document.getElementById("sharebar").style.width = "0";

answered Feb 22, 2013 at 23:31

scartag

17.7k3 gold badges52 silver badges53 bronze badges

Comments

Alex W · Accepted Answer · 2013-02-22 23:42:46Z

1

If you are trying to remove styles:

document.getElementById("sharebar").style.width = null;

or if you only care about supporting IE9+

document.getElementById("sharebar").style.removeProperty('width');

edited Feb 22, 2013 at 23:42

answered Feb 22, 2013 at 23:37

Alex W

38.5k13 gold badges114 silver badges115 bronze badges

Comments

Mehdi Karamosly · Accepted Answer · 2013-02-22 23:44:03Z

1

another way to do it is :

document.getElementById("sharebar").style.width = "0px";

for element that have - like z-index try the following :

document.getElementById("sharebar").style.zIndex = "10";

edited Feb 22, 2013 at 23:44

answered Feb 22, 2013 at 23:33

Mehdi Karamosly

5,4382 gold badges34 silver badges50 bronze badges

Collectives™ on Stack Overflow

Changing CSS properties from Javascript

5 Answers 5

Comments

3 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related