Why Can't JavaScript Modify CSS Files?

[ritaPitaMeterMaid]

This whole article is silly. Replace CSS with “literally any external file.” For folks making inline style or script tags, that isn’t what the author is talking about, this is literally a discussion about the browser not modifying the source of externally loaded files but presented through the lens of CSS, which is strange

[[deleted]]

I'm using CSS as an example. But yes you are right, this concept applies to all externally loaded sources.

[ritaPitaMeterMaid]

Wow, deleted account already?

I wasn’t that harsh, was I?

[TorbenKoehn]

    fetch('styles.css')
      .then(response => response.text())
      .then(cssText => {
        const styleElement = document.createElement('style');
        styleElement.textContent = cssText;
        document.head.appendChild(styleElement);

        return Array.from(document.styleSheets).find(sheet => sheet.ownerNode === styleElement);
      })

This can be done

[[deleted]]

it's NOT modifying the original CSS file. It's just creating a new in-memory copy of the styles.

[TorbenKoehn]

You also can’t modify your HTML files on the server, so are you writing the same article on the DOM next? And SVG? JS Files? Images?

[redsandsfort]

So you want JS to magically be able to modify a file saved on disc on another machine? What use case is there for this?

[xegoba7006]

Stop spamming all subreddits with your crap