Home/ Questions/Q 6839017
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T23:40:04+00:00

Is it possible to overwrite CSS file permanently using JavaScript / jQuery? I want

  • 0

Is it possible to overwrite CSS file permanently using JavaScript / jQuery?
I want to overwrite just 1 or 2 lines though.

Let’s say I have this CSS file:

div#box { width:100px; height:100px; }

then, if I apply this kind of JavaScript:

var sheet = document.createElement('style')
sheet.innerHTML = "div#box {width:200px;}";
document.body.appendChild(sheet);

the div only resized as long as the JavaScript is called (dynamically changed by JavaScript)

I want the CSS file would be overwritten like this

div#box {width:100px; height:100px; }
div#box {width:200px; } //CSS added

or more nicely,

div#box {width:200px; height:100px; } //CSS overwritten

What should I do?

Thx 😀

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    To elaborate on what has been said (And mmmshuddup and calchen are correct):

    Javascript alters files on the client side until the document is closed. The changes that scripts make are entirely temporary.

    However, javascript could technically use ajax to access a perl/ruby/php/python/whatever script hanging out on the server which would take arguments (What the class would be, which element it would be added to) and apply the classes permanently to your documents, or otherwise edit your style documents.

    Another solution would be creating and adding classes and then saving those classes as preferences for a user; you’d create a function which looked through an associative array of element id’s and their classes that need to be added upon the page being loaded. I suppose you’d use either cookies or preferably a database for this, if you have users at all. I’m just throwing hypotheticals out there.

    I’m pretty sure the server-side editing idea is your best option. It would probably be pretty safe to use regex to locate id’s and replace them with the new style.

    edit: Upon thinking about it, I realized your style finding and replacing function would have to be pretty sophisticated if you ever wanted to do replacements of styles that involved a lot of selectors. There is probably a more elegant solution, but it’s not coming to me. I think this would be a serious headache eventually.

    • 0