javascript - 一旦达到某个最高值，删除具有几乎相同 id 的 div

Question

所以我得到了这段代码，每 800 毫秒创建一个矩形 div，它落在屏幕上。现在我希望能够在达到某个最高值后删除一个 div，否则它会与 div 混在一起。考虑到我给他们的 ID，现在我不知道该怎么做。我还想知道如何在游戏结束后删除这些 div 中的每一个。这就是我到目前为止所拥有的:http://student.howest.be/pieter-jan.vandenb1/crossdodger/Game.html .我是 javascript 的新手，所以提前致谢!

var idNumber = 0;

        SpawnBlock();

        function SpawnBlock()
        {
            UpdateBlock();
            setTimeout(SpawnBlock, 800);
        }



        function UpdateBlock()
        {

            var block = document.createElement("div");
            block.style.width = "25px";
            block.style.height = "25px";
            block.style.background = "lightgrey"
            block.style.top = "-25px";
            block.style.left = Math.random() * 455 + "px";
            block.style.position = "absolute";
            block.id = "block" + ++idNumber;
            //block.speed = 0.5;
            sym.$("Stage").append(block);
            sym.$("#block"+idNumber).transition({top:"800px"},8000,"linear");

        }

它是在 Adob​​e Edge 中制作的，因此称为“sym”。命名空间。

Answer 1

这在类似的环境中对我有用:

 var bl = document.getElementById("block" + (idNumber));
 bl.parentNode.removeChild(bl);