Javascript檢查div元素是否為空

Question

我有保存div 元素的變量。 在我想檢查的 Javascript 中，如何驗證 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!');
}