无法在Tampermonkey脚本中将自定义变量应用于CSS样式

问题描述

我正在为Tampermonkey编写脚本。因此，它的作用之一是，当用户单击按钮时，将创建一个新的div元素。因此，当我将新的CSS样式应用于该新的div时，我遇到的问题是当我希望width和height属性为自定义值（例如，不同于定义的400px或100px）时，该值等于另一个元素的尺寸（让我们称为targetElement）。 例如，要获取高度值，请使用以下代码：

var div_height = document.getElementById("targetElement").offsetHeight + "px";

然后我添加新样式：

GM_addStyle (" .newDivStyle { \
             display: inline-block; \
             position: absolute; \
             height: //this is where i need the value of div_height variable to be

在将新样式应用于新的div元素后，除我要自定义的属性（高度和宽度）外，每个属性都可以正常工作。 height: div_height;不起作用。我可以使用代码将高度和宽度直接应用于新的div：

newDiv.style.height = div_height;

但是我将有几个具有相同高度和宽度的div元素，如果我可以通过具有一组属性的样式类应用它们的尺寸，那将是首选。我觉得我不知道正确执行此操作的语法。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）