账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    JS创建的style样式怎么使用变量?
    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
    打赏
    收藏
    点击回答
        全部回答
    • 共 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]是一个属性引用,用于设置属性的值。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部