使用Javascript更改元素的位置

Question

这应该会在每次循环时更改段落的位置（ID为“文本”）。它不工作，但我不知道如何解决它，所以如果有人能帮助我，我会很高兴。先谢谢你。

var x = 0; 

    d.style.position = "absolute"; 

    function myLoop() { 
    setTimeout(function() { 
     x += 10; 
     document.getElementById('Text').style.left = x+'px'; 
     myLoop(); 
    }, 100) 
    } 

（这是在脚本中的一切）

Answer 1

你有2个问题在这里。

1）您从未定义过d。导致在那里停止脚本而不执行下一行代码。

2）您从未称呼过myLoop()函数。

因此，所有的更正。

var x = 0; 
 
var d = document.getElementById('Text'); 
 
d.style.position = "absolute"; 
 
myLoop(); 
 
    function myLoop() { 
 
    setTimeout(function() { 
 
     x += 10; 
 
     d.style.left = x+'px'; 
 
     myLoop(); 
 
    }, 100) 
 
    }

<div id="Text">Test </div>

而且这个解决方案，你可能有一个来看看setInterval函数从而降低你的代码位。

var x = 0; 
 
var d = document.getElementById('Text'); 
 
d.style.position = "absolute"; 
 
myLoop(); 
 
    function myLoop() { 
 
    setInterval(function() { 
 
     x += 10; 
 
     d.style.left = x+'px'; 
 
    }, 100) 
 
    }

<div id="Text">Test </div>

Answer 2

试试这个

d没有任何值，与

d = document.getElementById('Text');

定义d和调用函数myLoop所以它的工作

var x = 0; 
 
d = document.getElementById('Text'); 
 
d.style.position = "absolute"; 
 
myLoop(); 
 

 
function myLoop() { 
 
    setTimeout(function() { 
 
    x += 10; 
 
    d.style.left = x + 'px'; 
 
    myLoop(); 
 
    }, 100) 
 
}

<input type='text' id='Text'>