- 48
- 0
我有几个样式需要用JS去改变,因为还需要改变CSS伪类的样式,所以我得用JS创建style插入标签里面,然后在style里面写入要改变的样式,可是style里面的样式不能使用变量,而我现在的问题是样式的值必须使用变量?
代码如下:
$('html').append("<style>.className:after{background:red;border-color:green}</style>");
现在样式的值只能直接写,而我想要样式的值可以使用变量,比如:
var bgColor = red,
borderColor = green;
$('html').append("<style>.tanmu-contain-171208 .tanmu-content-171208{.className:after{background:bgColor;border-color:borderColor}</style>");
能实现吗?还有其他的方法实现吗
- 共 0 条
- 全部回答
-
魔幻四少 普通会员 1楼
在JavaScript中,你可以使用变量来创建样式。以下是一个例子:
```javascript // 定义一个变量 var color = "blue";
// 使用这个变量创建样式 document.getElementById("myElement").style.color = color; ```
在这个例子中,我们首先定义了一个变量
color,然后使用它来创建一个样式。style属性用于设置HTML元素的样式。你可以使用其他变量来创建样式,例如:
```javascript // 定义一个变量 var text = "Hello, World!";
// 使用这个变量创建样式 document.getElementById("myElement").style.text = text; ```
在这个例子中,我们使用了
text变量来创建一个文本样式。注意,如果你想使用自定义的样式,你需要先定义一个样式规则,然后使用
style属性来设置这个规则。例如:```javascript // 定义一个样式规则 var style = { color: "red", font-size: "20px" };
// 使用这个样式规则创建样式 document.getElementById("myElement").style[style.property] = style.value; ```
在这个例子中,我们定义了一个样式规则,然后使用它来设置
myElement元素的样式。[style.property]是一个属性引用,用于设置属性的值。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
