javascript - 从javascript更改CSS

Question

我需要改变这个

body.sidebar_b .sidemenu {
background-color: rgba(0, 0, 0, 0.7) !important;
}

进入这个:

body.sidebar_b .sidemenu {
background-color: rgba(255, 255, 255, 0.7) !important;
}

，但无权编辑 html 或 css 文件!

我唯一能做的就是在页 footer 分添加一个小的 javascript 代码。

这是我迄今为止尝试过的几个例子，但我似乎走错了方向。

1#
<script>
$(document).ready(function() {
    $('body.sidebar_b .sidemenu').css({
'background-color' : 'rgba(255, 255, 255, 0.7)'
});
});
</script>

2#
<script>
$(document).ready(function(){
  var cols = document.getElementsByClassName('sidemenu');
  for(i=0; i<cols.length; i++) {
  cols[i].style.backgroundColor = 'white';
 }
 });
</script>

Answer 1

也许是这样的？

function addNewStyle(newStyle) {
    var styleElement = document.createElement('style');
    styleElement.type = 'text/css';
    document.getElementsByTagName('head')[0].appendChild(styleElement);
    styleElement.appendChild(document.createTextNode(newStyle));
}

addNewStyle('body.sidebar_b .sidemenu { background-color: rgba(255, 255, 255, 0.7) !important;}’);