Javascript Container.id vs getElementById-奇怪的错误

我为我的rpg游戏提供了一个函数，它模拟了当玩家靠近某个元素时，从容器中移除该元素（从而将其从舞台上移除），从而抓取该元素

function grabIt(NPC_id, index) {
    console.log(ContainerOfAnimals.children[index].id);
    var childToRemove = document.getElementById(ContainerOfAnimals.children[index]);
    console.log(childToRemove);
    ContainerOfAnimals.removeChild(childToRemove);
}

第一个console.log提供了正确的子项id:

21

但是当我想使用

getElementById

获取子容器对象时，子容器对象是

null

---

这是为什么？

EaselJS元素有一个

id

属性，但没有DOM元素。它们是普通的JavaScript对象（一个子类

DisplayObject

的实例）。并且它们没有添加到DOM树中

因此，您无法使用

document.getElementById

获取它们

要删除元素，只需执行以下操作

 ContainerOfAnimals.removeChild(ContainerOfAnimals.children[index]);

或（）

---

EaselJS元素有一个

id

属性，但没有DOM元素。它们是普通的JavaScript对象（一个子类

DisplayObject

的实例）。并且它们没有添加到DOM树中

因此，您无法使用

document.getElementById

获取它们

要删除元素，只需执行以下操作

 ContainerOfAnimals.removeChild(ContainerOfAnimals.children[index]);

或（）

---

您似乎缺少

文档中
ContainerOfAnimals.children[index]
上的
.id
。尽管如此，您不需要重新查询元素的DOM（通过
id
）。只需使用
ContainerOfAnimals.removeChild（ContainerOfAnimals.children[index]）
.id
指特定孩子的
id
<代码>索引

指其在集合中的索引。正如我所说的，无论如何都不要使用这种方式，因为您已经有了对

ContainerOfAnimals.children[index]

元素的引用，并且您可以调用

removeChild

，这样您就好像在

ContainerOfAnimals.children[index]

文档中缺少

ContainerOfAnimals.children[index]

上的

.id

。尽管如此，您不需要重新查询元素的DOM（通过

id

）。只需使用

ContainerOfAnimals.removeChild（ContainerOfAnimals.children[index]）

.id

指特定孩子的

id

<代码>索引指其在集合中的索引。就像我说的，无论如何都不要用这种方式，因为你已经有了对ContainerOfAnimals.children[index]元素的引用，你可以用它调用

removeChild

好的，我知道我需要用它来删除元素。但是，我不知道EaselJS元素ID不是DOM元素。。。我之所以走这条路是因为这个问题这个问题的答案是完全错误的。我感谢你让我知道。。。我开始走上错误的道路，因为它是一个DOM元素，为什么它不能工作。。我知道我需要用它来移除元素。但是，我不知道EaselJS元素ID不是DOM元素。。。我之所以走这条路是因为这个问题这个问题的答案是完全错误的。我感谢你让我知道。。。我开始走上错误的道路，因为它是一个DOM元素，为什么它不能工作。。但事实并非如此