检查元素是否包含内容

Question

<p></p> // return true 

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

我想过使用jquery的contains（），但我认为在纯js中有更好的方法吗？

Answer 1

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

Answer 2

假设你已经有了与ID标签mydiv

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

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

或

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

可以检查它是否是空的。

Answer 3

您可以在纯JS中使用childNodes或children。两者都返回一个包含元素的子元素的类似数组的集合。这两个集合都有一个length属性。

请注意，这两个属性都是实时集合。你可能想将它们浅拷贝到一个数组中。这是一个让所有的身体的孩子的例子。

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

Answer 4

是这样的：刚

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

Answer 5

我会使用旧innerHTML来避免JQuery的像你想要的需要调用它。我在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> 

Answer 6

检查功能在下面的代码将做的工作，您：

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