How to dynamically remove a stylesheet from the current page

Question

Is there a way to dynamically remove the current stylesheet from the page?

For example, if a page contains:

Answer 1

If you know the ID of the stylesheet, use the following. Any other method of getting the stylesheet works as well, of course. This is straight DOM and doesn't require using any libraries.

var sheet = document.getElementById(styleSheetId);
sheet.disabled = true;
sheet.parentNode.removeChild(sheet);