使用Javascript检索CSS属性,然后将其写入服务器上的CSS文件

使用Javascript检索CSS属性,然后将其写入服务器上的CSS文件,javascript,php,wordpress,Javascript,Php,Wordpress,我有一个Wordpress网站,它有一个主题,在页面加载的最后注入了一点点CSS和Javascript。当Javascript最终执行时,这会导致突然的视觉变化。我无法修改Javascript。而且我不能只是将注入的CSS添加到我自己的样式表中,而我自己的样式表是在更早的时候加载的,以确保它们匹配,因为这些值可能会时不时地改变 所以我要寻找的是一种使用Javascript获取两个注入的CSS值的方法,看看它们是否匹配CSS文件中已经存在的内容-如果不匹配,用前面检索到的值向CSS文件中写入几行C

我有一个Wordpress网站,它有一个主题,在页面加载的最后注入了一点点CSS和Javascript。当Javascript最终执行时,这会导致突然的视觉变化。我无法修改Javascript。而且我不能只是将注入的CSS添加到我自己的样式表中,而我自己的样式表是在更早的时候加载的,以确保它们匹配,因为这些值可能会时不时地改变

所以我要寻找的是一种使用Javascript获取两个注入的CSS值的方法,看看它们是否匹配CSS文件中已经存在的内容-如果不匹配,用前面检索到的值向CSS文件中写入几行CSS。或者-重写旧的CSS行,以防它在过去编写了一些不再匹配注入值的CSS。 由于用户的定制,主题注入的值每隔一段时间就会改变一次,因此需要一些能够动态修正的东西

我假设我可能必须以某种方式与PHP结合使用。如有必要,还可以使用JQuery


我对PHP和Javascript的了解非常有限。

您可以使用get-css属性并将val更改为getComputedStyle()

Html


检查此演示

太宽了。。
var element = document.getElementById('test_id'),
style = window.getComputedStyle(element),
padding = style.getPropertyValue('padding').val='15px';
<div id="test_id">hello  testing</div>
#test_id{
   position: absolute;
   padding: 5px;   
}