javascript - 如何检查div标签是否为空？

Question

如何使用java脚本检查div标签是否为空？

HTML

<div class="txt"></div>

JS

<script>
    if(txt != null ){
        document.write("There is content in that div");
    }else{
        document.write("There is NO content in that div");
    }
</script>

我已经尝试过，但总是显示“此 divtag 中有内容”。

Answer 1

原生 Javascript 方式:

检查文本内容:

var sTextContents = document.getElementsByClassName('txt')[0].textContent;

if (sTextContents != "") {
    //text contents exists
}

检查 HTML 内容:

var sHTMLContents = document.getElementsByClassName('txt')[0].innerHTML;

if (sHTMLContents != "") {
    //html contents exists
}