javascript - 你能告诉我我的代码有什么问题吗？

Question

已关闭。此问题需要 debugging details 。目前不接受答案。

---

编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem 。这将有助于其他人回答问题。

已关闭 9 年前。

Improve this question

其目的:它应该创建一个 div，然后让它慢慢移动到随机位置。

问题:我尝试将其粘贴到检查元素控制台中。它只创建 div 然后停止。没有错误，没有任何迹象表明出了什么问题。这真的很困扰我。

如果您想查看发生了什么，可以按 CTRL + SHIFT + J 并将代码粘贴到检查元素控制台中。

代码:

var l = document.createElement('div'); 
l.style.height = '100px';
l.style.width = '100px';
l.style.position = 'relative';
l.style.backgroundColor = 'orange';
l.id = 'di';
document.body.appendChild(l);
var lef = 0;
var to = 0;
var p = Math.random() * 1000;
var o = Math.random() * 400;
var h = setInterval(function () {
if (lef > p) {
    di.style.top = to + 'px';
    to = to + 1;
    if (to > o) {
        p = Math.random() * 1000;
        o = Math.random() * 400
    }
} else if (to > o) {
    di.style.left = lef + 'px';
    lef = lef + 1;
    if (lef > p) {
        p = Math.random() * 1000;
        o = Math.random() * 400
    } else {
        di.style.left = lef + 'px';
        lef = lef + 1;
        di.style.top = to + 'px';
        to = to + 1;
    }
}
}, 100)

Answer 1

我不知道您使用什么逻辑来生成 div 元素的 left 和 top，但我已经做了演示 JSFIDDLE它显示 div 不断改变其位置。您代码中的问题是您使用 di 的方式是不正确的。相反，你应该这样:

var div_element = document.getElementById('di');
//and then using it like
div_element.style.left= some_value+"px";
div_element.style.top= some_value+"px";

这是我制作的示例的完整 JS 代码:

var l = document.createElement('div'); 
l.style.height = '100px';
l.style.width = '100px';
l.style.position = 'relative';
l.style.backgroundColor = 'orange';
l.id = 'di';
document.body.appendChild(l);

var div_elem = document.getElementById(l.id);
//div_elem.style.top = "100px";
//alert(div_elem.id);
var h = setInterval(function () {
   div_elem.style.top = Math.floor((Math.random() * 100) + 1)+"px"; //Math.floor((Math.random() * 100) + 1);  Generates random number between 1 and 100
   div_elem.style.left = Math.floor((Math.random() * 200) + 1)+"px"; //Math.floor((Math.random() * 200) + 1);  Generates random number between 1 and 200
   //console.log('top = '+div_elem.style.top);
   //console.log('left = '+div_elem.style.left); 
}, 100) 

希望这有帮助。