[英]How to know if an element, created dynamically, exist?
我有这个简单的功能:
var x = document.createTextNode("ERROR");
document.body.appendChild(x);
因此,我需要创建一个IF来验证此消息是否存在[如果已创建此消息]。 这是问题,我不知道该怎么做。
GetElementByID似乎不适用于动态创建的元素。
有什么帮助吗? 谢谢。
您正在创建文本节点,而不是元素。 您需要创建一个元素并为其指定一个ID,以便能够使用getElementById
。
我不知道有什么合理的方法来搜索文本节点,尽管您始终可以检查附加到该元素的元素的文本节点,然后查看它是否在那里。
var message = "ERROR";
var t = document.createTextNode(message);
var node = document.getElementById('content').appendChild(t);
if (document.getElementById('content').innerHTML !== message) {
console.log('element not added');
} else {
console.log('element added');
}
这是一个小提琴:
您可以使用document.contains
检查元素是否在DOM中
只是一个简单的例子
document.contains($('<div>')[0]); // FALSE
和
document.contains($('<div>').appendTo('body')[0]); // TRUE
jQuery仅用于元素创建的简写
这也适用于文本节点 ,您可以在任何节点上使用包含。
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
我相信这会起作用:
var x = document.createTextNode("ERROR");
var element = document.body.appendChild(x); //returns text node
if(!element){
//element was not added
}
尽管如果我是我,我可能会创建一个具有id或名为error的类的span元素。 这样,您可以对其应用任何CSS样式。
尝试这个:
var x = document.createTextNode("ERROR");
document.body.appendChild(x);
if (document.body.innerText.indexOf('ERROR')>=0){
alert('"ERROR" found');
}
indexOf不适用于所有浏览器。
正如@slowpython所说,我宁愿使用ID或NAME创建一个DOM元素。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.