使用javascript更改css值

我希望更改

框阴影

的范围值，如下代码所示：

函数cssV（）{
var x1=document.getElementById（“range1”）.value；
var x2=document.getElementById（“range2”）.value；
var x3=document.getElementById（“range3”）.value；
var x4=document.getElementById（“range4”）.value；
var dic=document.getElementById（“测试”）.style；
/*dic.boxShadow=x1+“px”x2+“px”x3+“px”x4+“px”绿色*/
}

#测试{
宽度：100px；
高度：100px；
背景色：红色；
盒影：0px 0px 22px 10px绿色；
}

---

您可以使用jquery的css属性设置框阴影，如下所示。 确保在代码中添加jquery

function cssV(){
   var x1 = document.getElementById("range1").value;
    var x2 = document.getElementById("range2").value;
    var x3 = document.getElementById("range3").value;
    var x4 = document.getElementById("range4").value;
    $("#test).css('box-shadow' , "inset " + x1 +"px " + x2+"px "+ x3+"px "+ x4+"px " + "green");

  }

---

您可以使用jquery的css属性设置框阴影，如下所示。 确保在代码中添加jquery

function cssV(){
   var x1 = document.getElementById("range1").value;
    var x2 = document.getElementById("range2").value;
    var x3 = document.getElementById("range3").value;
    var x4 = document.getElementById("range4").value;
    $("#test).css('box-shadow' , "inset " + x1 +"px " + x2+"px "+ x3+"px "+ x4+"px " + "green");

  }

看看这个工作

看看这个工作

---

我觉得还可以，请看这里的链接。这意味着我只在

+

中出现了一个错误，非常感谢@hiEvenIt看起来不错，请参见此处的链接。这意味着我只在

+

中有错误。非常感谢@hievensthank so mauch我只在

+

中有错误。请为我的问题投票谢谢这样mauch我只在

+

中有错误。请为我的问题投票谢谢这样mauch我只在+…请为我的问题投票谢谢这样mauch我有错误错误只出现在+…请给我投票支持我的问题