Change .css file from javascript

Question

I have this in a CSS file:

#tabs .bg {
    background: url("../images/bg-tabs-r.gif") no-repeat scroll 100% 0 transparent;
    height: 39px;
    line-height: 42px;
    overflow: hidden;
    width: 100%;
}

Through JavaScript how do I change background to blank color and line-height to 28px.

Kokos · Accepted Answer · 2011-07-12 15:00:36Z

4

If you use jQuery (you should) it's very easy:

$('#tabs .bg').css({'background': 'none', 'line-height': '28px'});

answered Jul 12, 2011 at 15:00

Kokos

9,1715 gold badges29 silver badges45 bronze badges

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

4 Comments

monsieur_h Over a year ago

jQuery isn't required for this. Just makes the page heavier.

macwadu Over a year ago

can i call it inside <script type="text/javascript"> </script> ?

Kokos Over a year ago

Yes, but you have to include the jQuery library first. If you don't want to install jQuery use caffein's answer.

Shauna Over a year ago

@caffein - I think that depends on how much JS is actually involved and how complicated it's getting. jQuery doesn't actually add very much, especially if you load it from a CDN (increases the chance that the browser will just pick up a cached version), especially if you're using a lot of JS already. That said, if this is the only JS the OP is using, they probably don't need jQuery and it very well could be overkill if vanilla JS works cross browser.

monsieur_h · Accepted Answer · 2011-07-12 15:03:24Z

3

Use it directly on your element:

mytab=document.getElementById("tabs");
mytab.style.background="white";
mytab.lineHeight="28px";

edited Jul 12, 2011 at 15:03

answered Jul 12, 2011 at 15:01

monsieur_h

1,3801 gold badge10 silver badges20 bronze badges

4 Comments

Jason Gennaro Over a year ago

This will not remove the bg img.

Curtis Over a year ago

Why white? Your assuming the element is on a white background?

monsieur_h Over a year ago

That was just to put a color in it. Red orange or whatever HTML valid colorname would stand as well.

macwadu Over a year ago

Tanks for all your help, the two examples work just fine for me :) I cant put the check in the two?

Collectives™ on Stack Overflow

Change .css file from javascript

2 Answers 2

4 Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related