檢查元素是否包含某些東西

Question

<p></p> // return true 

<p>something</p> //return false

我考慮過使用jquery的contains（），但我認為在純js中有更好的方法嗎？

Answer 1

return element.innerHTML.trim().length == 0;

Answer 2

您可以使用childNodes或children純JS。 兩者都返回包含元素子元素的類似數組的集合。 這兩個集合都具有length屬性。

請注意，這兩個屬性都是實時集合。 您可能希望將它們淺復制到數組中。 這是讓所有孩子都得到身體的例子。

var hasContent = Array.prototype.slice.call(document.body.children).length;

Answer 3

我將使用舊的innerHTML避免使用JQuery，如您所願：

function hasSomething(id) {
    var element = document.getElementById(id);
    if (element && (element.innerHTML || '').trim())
        return true;
    else
        return false;
}

Answer 4

假設您有一個ID為mydiv的標簽

<p id='mydiv'>Something</p>

if($('#mydiv').is(':empty'))

要么

if($('#mydiv:empty').length)

可以檢查它是否為空。

Answer 5

就像是：

var myTextField = document.getElementById('myText');
    if(myTextField.value != "")
        alert("nothing")
    else
        alert("Would you please enter some text?")      
}

Answer 6

下面代碼中的Check函數將完成此工作，您只需要調用它即可。 我在jquery和javscript中都附加了代碼。

HTML：

<p id="data">Some text</p>

jQuery的：

<script>
function check()
{
    var len= $("#data").text().length;
    if(len==0)
        return true;
    else
        return false;
}

$(document).ready(function(){
    document.write(check()); // call check function
});
</script>

Javascript：

<script>
function check() {
    var x = document.getElementById("data").innerHTML;
    if(x.length==0)
    return true;
else
     return false;

}
</script>