Question

我有变量，其中包含 div元素。在Java语言中，我要检查如何验证div元素是否包含任何子节点或是否为空？响应可以为TRUE或FALSE

我尝试了Google的选项，但没有获得javascript的确切结果。如果有人有更好的建议，请提出建议。

注意：验证必须使用Javascript而不是Jquery进行，并且div在此处没有任何ID。

var ele = "<div class='....'></div>"

Answer 1

这里的代码显示的是字符串变量，而不是div元素。

否则，只需使用（例如）获取div元素

var myDiv = document.getElementById("divId");

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

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

Answer 2

诀窍是将字符串放入$（）选择器中。然后，您可以使用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!');
}

Javascript检查div元素是否为空

2 个答案: