JavaScript根据图像Id移动图像的简单错误

在以下代码中，我创建了一个id为“Devilded”的新图像，在尝试使用其id移动此图像后，出现以下错误：

未捕获的TypeError:无法读取属性“top”（null）

我应该做什么改变才能让它工作

o = document.createElement('img');
o.src = "img/birddead.png";
box.appendChild(o);
o.setAttribute("id", "devildead");
o.style.left = leftbird;
o.style.top = topbird;

// Function for moving the dead bird
var delay = 1;
var top = document.getElementById("devildead");

//Here I got the error
var currentTop = parseInt(getComputedStyle(devildead).top, 10);

// Start
setTimeout(move, delay);
function move(){
    if (currentTop <= 480) {
      currentTop += 2;
      top.style.top = currentTop + "px";
      setTimeout(move, delay);
    }
}

o=document.createElement（'img'）；
o、 src=“img/birdded.png”；
框。追加子项（o）；
o、 setAttribute（“id”、“devildead”）；
o、 style.left=leftbird；
o、 style.top=topbird；
//移动死鸟的功能
var延迟=1；
var top=document.getElementById（“DeviceId”）；
//这是我的错误
var currentTop=parseInt（getComputedStyle（devildead）.top，10）；
//开始
设置超时（移动、延迟）；
函数move（）{
如果（currentTop我猜这是导致错误的那条线

var currentTop = parseInt(getComputedStyle(devildead).top, 10);   
                                     //               ^^ here

由于没有
devildead
变量，出于某种原因，您使用元素
top

var currentTop = parseInt(getComputedStyle(top).top, 10);  

或者更好的是，不要将元素放在名为
top
的变量中，因为它会导致混淆

var devildead = document.getElementById("devildead");

var currentTop = parseInt(getComputedStyle(devildead).top, 10); 

topbird
from
o.style.top=topbird；
未定义DevilDead未定义