parentNode.removeChild实际如何工作？

编程问答 2022-06-10

问题描述

JavaScript的新手。

我正在构建“蛇”游戏，所以我已经使用二维阵列构建了“棋盘”。 当蛇移动时，我在顶部添加了一个img元素，并从末尾删除了一个img元素。

这是东西： 当我通过简单地将'src'属性更改为''来“删除”元素时，它可以工作，但似乎是一种不好的做法。

当我尝试实际删除该元素时，它不起作用，并且实际上似乎在“阻止”“ drawNewHead”功能。第一次移除后，蛇立即停止移动。

这是代码：

let snakeLength = 3;
const body = document.querySelector('body');

function drawNewHead(left,top)
{
    const newLink = document.createElement('img');

    newLink.src = "Images/CirceledLink.png";
    newLink.style.top = `${top}px`;
    newLink.style.left = `${left}px`;
    newLink.id = `${left},${top}`;

    body.appendChild(newLink);
}

function removeLastLink(currHeadLeft)
{
    let lastLinkLeft = currHeadLeft - (snakeLength * 100);
    let id = `${lastLinkLeft},100`;
    const linkToRemove = document.getElementById(id);

    body.removeChild(linkToRemove);
}

我使用removeChild函数出错吗？和想法？ 还尝试了linkToRemove.remove();和linkToRemove.parentNode.removeChild(linkToRemove)

谢谢！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

arraysarraysarraysjavascriptremoveremoveremovechildremovechild