Add CSS with Javascript

Question

I want to add an external css sheet and I use this JS code:

  var link = document.URL;  


  if (link.indexOf('http://194.71.107.82/') != -1) 
  {

  document.write("<style>body { background-color:#000 }</style>");


  }
  else
  {
  window.location.replace('http://194.71.107.82/')
  }

But there's a problem: When he rewrites the code with document.write it starts reloading, so the script starts again and writes again, so it starts navigating again... It got in a loop...

So what can I do to don't get it in a loop?

EDIT so... Now I used

document.getElementById("fp").style.display = "none";

But nothing happened? The Div stayed visible?

Use Yepnope.JS yepnopejs.com

yunzen
– yunzen

2012-07-01 18:33:23 +00:00
Commented Jul 1, 2012 at 18:33 — yunzen
– yunzen, Commented Jul 1, 2012 at 18:33

Nikola K. · Accepted Answer · 2012-07-01 18:33:28Z

5

Instead of document.write use .style.

Example:

document.getElementById("your-element").style.backgroundColor = "#fff";

Click here to see the properties you can use.

For more features use jQuery's .css() function.

answered Jul 1, 2012 at 18:33

Nikola K.

7,15313 gold badges33 silver badges39 bronze badges

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

4 Comments

THWIT Over a year ago

But when I try: document.getElementById("fp").style.display = "none"; Strange enough nothing happened?

Nikola K. Over a year ago

The display property is not supported by Javascript. See the link i provided. In order to use all properties, use jQuery and .css() (see the second link).

THWIT Over a year ago

Ok thank you, how can I use jQuery in JS or is that not possible?

Nikola K. Over a year ago

Oh, that's very easy. Download the include file from jquery.com, include it and you're done :) jQuery is JavaScript library.

Andy Davies · Accepted Answer · 2012-07-01 18:38:55Z

1

If you really want to test by IP address do it on the server befor you send the page out

answered Jul 1, 2012 at 18:38

Andy Davies

5,8242 gold badges29 silver badges21 bronze badges

Comments

spliter · Accepted Answer · 2012-07-01 18:33:30Z

-1

Use either hash changes to window.location instead of the full URL re-write or "push" the URL change using History API

answered Jul 1, 2012 at 18:33

spliter

12.6k4 gold badges36 silver badges36 bronze badges

2 Comments

Esko Over a year ago

Hashbangs are ruining the Internet since everything after hash isn't considered part of the URL, this is terrible advice.

spliter Over a year ago

@Esko, I hope you don't mind using History API, do you? Then, the advise is not as terrible as it seems, I would say. But, yeah, I hear you.

Collectives™ on Stack Overflow

Add CSS with Javascript

3 Answers 3

4 Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related