help removing extra body tags using jquery

Question

I have an application which is spitting out: body {background: #FFF;}

over and over again. I am unable to fix the bug in the application. How can I use jquery to remove body {background: #FFF;} each time it occurs?

Answer 1

Where does this occur? Is it in the -section of the page you use jquery in or does it appear in an extra css-file?

Answer 2

You can't edit the css (I assume) but can you set an inline style on the body? This will overwrite the CSS applied style.

If not, here is the jQuery call to remove it on page load:

$(document).load(
    function()
    {
        $("body").css( "background-color", "transparent" );
    }
);

Answer 3

It sounds like you're wanting to edit an style block declaration? I'm not sure jQuery really does much to help you in that case, but something like this might work:

for(int i=0;i<document.styleSheets.length;i++) {
  var sheet = document.styleSheets[i],
      rules = sheet.cssRules ? sheet.cssRules : sheet.rules;
  for(int j=0;j<rules.length;j++) {
    if(rules[j].toLower() == 'body {background: #fff;}')
      rules[j] = 'body {}';
  }
}

You might check here for more.

Answer 4

there are multiple instances of this on the page that are overwriting anything I put in the css.

Perhaps you are looking at it the wrong way... It can be overridden in the CSS, try putting this in the CSS file:

body{
   background:#0000ff !important;
}

Note the "!important" bit...