JSFiddle - React, Tailwind, and code Playground

by dledle2

HTML

<link rel="stylesheet" type="text/css" href="default.css" title="Default">
<link rel="alternate stylesheet" type="text/css" href="Foo.css" title="Foo">Default stylesheet:
<input type="radio" ... onclick="changeActiveStyleSheet('Foo', 'Default');">Foo stylesheet:
<input type="radio" ... onclick="changeActiveStyleSheet('Default', 'Foo');">

JavaScript

javascript:

try {

    /* frameid.parentNode.removeChild(frameid); */

    var myLinkElement0 = document.styleSheets[0].ownerNode;
    /*     alert(myLinkElement0);  */
    alert(document.styleSheets.length + ',,,,' + myLinkElement0);

    var myLinkElement1 = document.styleSheets[1].ownerNode;
    var myLinkElement2 = document.styleSheets[2].ownerNode;
    var myLinkElement3 = document.styleSheets[3].ownerNode;
    var myLinkElement4 = document.styleSheets[4].ownerNode;
    var myLinkElement5 = document.styleSheets[5].ownerNode;
    var myLinkElement6 = document.styleSheets[6].ownerNode;

    myLinkElement0.parentNode.removeChild(myLinkElement0);
    myLinkElement1.parentNode.removeChild(myLinkElement1);
    myLinkElement2.parentNode.removeChild(myLinkElement2);
    myLinkElement3.parentNode.removeChild(myLinkElement3);
    myLinkElement4.parentNode.removeChild(myLinkElement4);
    myLinkElement5.parentNode.removeChild(myLinkElement5);
    myLinkElement6.parentNode.removeChild(myLinkElement6);




    function changeActiveStyleSheet(strNewMediaScreenURL) {
        if (document.styleSheets) {


            alert(document.styleSheets.length);


            document.styleSheets[0].disabled = true;

        }
    }



    function displayStyleSheetProperties(intIndexNum) {
        var str = "";
        if (!document.styleSheets) {
            str = "Your browser does not support the stylesheets object.";
        } else if (!document.styleSheets.length) {
            str = "There were no stylesheets found in the document.styleSheets collection.";
        } else {
            var prop, stylesheet = document.styleSheets[intIndexNum];
            for (prop in stylesheet) {
                str += prop + ": " + stylesheet[prop] + "\n";
            }
        }
        alert(str);
    }


    /* thanks to:
    http://www.webreference.com/programming/javascript/rg21/index.html
    
   ...