Javascript / jQuery - removing or replacing a stylesheet (link)

Question

How can I do this?

I tried

  $('link[title="mystyle"]').remove();

and although the element is removed, the styles are still applied to the current page (in both opera and ff). is there any other way?

Answer 1

To cater for ie you have to set the stylesheet to be disabled as it keeps the css styles in memory so removing the element will not work, it can also cause it to crash in some instances if I remember correctly.

This also works for cross browser.

e.g

document.styleSheets[0].disabled = true;

//so in your case using jquery try

$('link[title=mystyle]')[0].disabled=true;

Answer 2

I managed to do it with:

$('link[title="mystyle"]').attr('disabled', 'disabled');

it seems this is the only way to remove the styles from memory. then I added:

$('link[title="mystyle"]').remove();

to remove the element too.