如何解决parentNode.removeChild实际如何工作?
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 举报,一经查实,本站将立刻删除。