getElementById没有获得正确的元素？

Question

我需要使用getElementById获取dom节点以对其进行动画处理。该元素与其他具有相似属性的同级元素位于div中。但是，getElementById获取的元素与指定的元素不同吗？

const target = document.getElementById(notification._id);
console.log(notification._id);
console.log(target);
//animations
anime({
    targets: target,
    opacity: [1,0],
    duration: 500,
});

我无法确定自己的一生，为什么它得到具有不同ID的兄弟元素？

Answer 1

获取具有指定ID的元素。如果该ID不存在，则getElementById（）方法将返回源代码中的第一个元素。

<div class="container" id="notification">

</div>

const target = document.getElementById(notification);
//animations
anime({
    targets: target,
    opacity: [1,0],
    duration: 500,
});