javascript - 如何知道动态创建的元素是否存在？

Question

我有这个简单的功能:

var x = document.createTextNode("ERROR");
document.body.appendChild(x);

那么我需要创建一个IF来验证此消息是否存在[如果此消息已创建]。这就是问题所在，我不知道该怎么做。

GetElementByID 似乎不适用于动态创建的元素。

有什么帮助吗？谢谢。

Answer 1

您可以使用document.contains来检查元素是否在DOM中

只是一个简单的例子来说明它是如何工作的

document.contains($('<div>')[0]); // FALSE

和

document.contains($('<div>').appendTo('body')[0]); // TRUE

jQuery 仅用于元素创建的简写

这也适用于文本节点，您可以在任何节点上使用 contains。

document.body.contains(Node); // Example

浏览器支持有点好

文档:https://developer.mozilla.org/en-US/docs/Web/API/Node.contains

<小时/>

问题细节:

var x = document.createTextNode("ERROR");
document.body.appendChild(x);
document.contains(x); // Should be TRUE