Question

只需要几个循环，然后为给定的DIV显示不同的值，但是这个DIV的样式未能动态设置，任何想法？怎么解决？ Fyi，风格部分，我也为这个DIV设置了它。但是一旦值改变，样式就消失了（通过Style部分设置的样式不再有效）。感谢。

var i = 60;                     //  set your counter to 60

function myLoop () {           //  create a loop function
   setTimeout(function () {    //  call a 3s setTimeout when the loop is called
    if (i < 100) {
        i += 10;                   //  increment the counter by 10
        console.log(i);
// document.getElementById('score').style = "margin: 0; position: absolute; top: 50%; margin-right: -50%; font-size: 216px; transform: translate(-50%, -50%);color: red;";
        document.getElementById('score').innerHTML = i; 
         myLoop();             //  ..  again which will trigger another 
     } 
   }, 3000)

}

Answer 1

element.style引用样式属性对象（https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style），而不是属性。试试

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

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

1 个答案: