使用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'>