Javascript 如何在js过程中操纵div的样式？

只需执行几个循环，然后为给定的DIV显示不同的值，但该DIV的样式无法动态设置，知道吗？如何修复它？仅供参考，样式部分，我也为这个DIV设置了它。但一旦值更改，样式将消失（通过样式部分设置的样式不再有效）。 谢谢

var i=60；//把你的计数器设为60
函数myLoop（）{//创建一个循环函数
setTimeout（函数（）{//调用循环时调用3s setTimeout
如果（i<100）{
i+=10；//计数器递增10
控制台日志（i）；
//document.getElementById（'score'）.style=“边距：0；位置：绝对；顶部：50%；右边距：-50%；字体大小：216px；转换：翻译（-50%，-50%）；颜色：红色；”；
document.getElementById（'score'）.innerHTML=i；
myLoop（）；/…再次触发另一个
} 
}, 3000)
}

元素。style

指的是样式属性对象（），而不是属性。试一试

document.getElementById('score').setAttribute("style", 
"margin: 0; position: absolute; top: 50%; margin-right: -50%; font-size: 216px; transform: translate(-50%, -50%);color: red;");

---

element.style

指的是样式属性对象（），而不是属性。试一试

document.getElementById('score').setAttribute("style", 
"margin: 0; position: absolute; top: 50%; margin-right: -50%; font-size: 216px; transform: translate(-50%, -50%);color: red;");

---

实际上，您应该只需要为score DIV分配一个css类，或者如果它不是DIV，则为包含score的DIV分配一个类为什么不只是

#score{margin:0；position:absolute；top:50%；margin right:-50%；font size:216px；transform:translate（-50%，-50%）；color:red；}

实际上，您应该只需要为score DIV分配一个css类，或者如果它不是DIV，则为包含score的DIV分配一个类。为什么不仅仅是

#score{margin:0；position:absolute；top:50%；margin right:-50%；font size:216px；transform:translate（-50%，-50%）；color:red；}

非常好。没有错误。当我删除“transform:translate（-50%，-50%）属性时，它就工作了。但奇怪的是，我不知道为什么数字80会被跳过，用Chrome和Firefox进行了测试，结果是一样的。谢谢。“但奇怪的是，我不知道为什么跳过了80这个数字”，我决定，这是速度。非常好。没有错误。当我删除“transform:translate（-50%，-50%）属性时，它就工作了。但奇怪的是，我不知道为什么数字80会被跳过，用Chrome和Firefox进行了测试，结果是一样的。谢谢。“但奇怪的是，我不知道为什么跳过了80这个数字”，我决定，是速度。