Javascript检查div元素是否为空

Javascript检查div元素是否为空,javascript,Javascript,我有一个变量,它包含div元素。在Javascript中,我想检查,如何验证div元素是否包含任何子节点或是否为emtpy?响应可以是真的,也可以是假的 我尝试了谷歌的选项,但没有得到javascript的确切结果。如果有人有更好的意见,请告诉我 注意:验证必须在Javascript中完成,而不是在Jquery中,并且div在这里没有任何ID var ele=“”此处的代码显示的是字符串变量,而不是div元素 否则,只需使用(例如)获取div元素 然后只需检查其内容是否为空: if (myDiv

我有一个变量,它包含div元素。在Javascript中,我想检查,如何验证div元素是否包含任何子节点或是否为emtpy?响应可以是真的,也可以是假的

我尝试了谷歌的选项,但没有得到javascript的确切结果。如果有人有更好的意见,请告诉我

注意:验证必须在Javascript中完成,而不是在Jquery中,并且div在这里没有任何ID


var ele=“”

此处的代码显示的是字符串变量,而不是div元素

否则,只需使用(例如)获取div元素

然后只需检查其内容是否为空:

if (myDiv.innerHTML == "")
{
    //myDiv is empty
}
else
{
    //myDiv isn't empty
}

诀窍是将字符串放入$()选择器中。然后,您可以使用css选择器等来检查它是否为空:

var ele1 = "<div class='myclass'></div>";

if ($(ele1).is(':empty')) {
    console.log('1 is empty!');
} else {
    console.log('1 is not empty!');
}

var ele2 = "<div class='myclass'>Duh, not empty at all!</div>";

if ($(ele2).is(':empty')) {
    console.log('2 is empty!');
} else {
    console.log('2 is not empty!');
}
var ele1=“”;
if($(ele1).is(':empty')){
console.log('1为空!');
}否则{
console.log('1不是空的!');
}
var ele2=“嗯,一点也不空!”;
if($(ele2).is(':empty')){
console.log('2为空!');
}否则{
console.log('2不是空的!');
}

此处的代码显示了一个包含字符串的变量,而不是div元素。
var ele1 = "<div class='myclass'></div>";

if ($(ele1).is(':empty')) {
    console.log('1 is empty!');
} else {
    console.log('1 is not empty!');
}

var ele2 = "<div class='myclass'>Duh, not empty at all!</div>";

if ($(ele2).is(':empty')) {
    console.log('2 is empty!');
} else {
    console.log('2 is not empty!');
}