用于移动不起作用的文本的JavaScript

我已经为移动文本编写了一个简单的JavaScript代码，但是当我运行该程序时，什么都没有发生

Javascript:

<script type="text/javascript" language="javascript">

    function move() {
        divElement = document.getElementById("MovingContent");             
        divElement.style.left = parseInt(divElement.style.left)+1+"px";         
        setInterval('move()', 1000);          
    }

    window.onload=move 

</script>

函数move（）{
divElement=document.getElementById（“移动内容”）；
divElement.style.left=parseInt（divElement.style.left）+1+“px”；
setInterval（'move（）'，1000）；
}
window.onload=move

HTML:

使用下面的代码检查。您可以在

窗口内调用
setInterval
。onload

函数

从javascript代码中删除所有

。css的属性

left

与

位置：绝对

或

位置：相对

到then元素一起使用

更新：我在你发表评论时添加HTML。已将left:0px添加到MovingContent并删除onload=“move（）”，因为它已在javascript中使用

检查

HTML

---

移动数据

我创建了一把小提琴，请在下面查看

假设id为的元素为MovingContent，如下所示

<div id="MovingContent" style="background: red; height: 10px; width: 10px; left: 1px; position: relative;" />

---

编辑看起来代码未保存。我已更新了fiddle这是您的代码的固定版本：

function move() {
    divElement = document.getElementById("MovingContent");
    divElement.style.left = (parseInt(window.getComputedStyle(divElement)['left'])+1)+ "px";
}

window.onload= function(){
    setInterval(function(){move();}, 500);
}

---

使用“window.getComputedStyle（divElement）”获取左边的值。

您可以添加html或提供fiddle吗？在setInterval中调用函数应该像这样执行setInterval（move，1000）。@JordanWD传递字符串而不是函数仍然适用于

setInterval

，如果在JavaScript中有HTML标记，它会在内部使用eval。太多的帮助？是因为代码中的所有

吗？这些也在您的实际代码中吗？工作代码本身不如编写工作代码的知识有用。@Pavlo我已经提到，您可以在window.onload函数中调用setInterval来回答我的问题。这对他有用。。在其他代码中没有什么错误问题在于，这与问题中的代码没有太大区别。如果您尝试原始代码，它也可以工作，因此如果问题的实际原因不清楚，只给出一些稍微不同的内容是没有帮助的。请参阅ahmed的答案：可能的问题是元素没有设置内联样式，因此您无法第一次访问

.style.left

属性。（注意你的代码与OP的HTML不兼容（在对问题的评论中）：）是的，我知道问题出在哪里。你不明白我想表达的意思。绝对位置和相对位置的区别是什么

<script>
 function move() {
    divElement = document.getElementById("MovingContent");               
    divElement.style.left = parseInt(divElement.style.left)+1+"px";          
}

window.onload= function(){
 setInterval('move()', 1000);
} 
</script>

<div id="MovingContent" style="background: red; height: 10px; width: 10px; left: 1px; position: relative;" />

function move() {
    divElement = document.getElementById("MovingContent");
    divElement.style.left = (parseInt(window.getComputedStyle(divElement)['left'])+1)+ "px";
}

window.onload= function(){
    setInterval(function(){move();}, 500);
}