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
}

Answer 2

您可以使用元素的innerHTML属性，即如果div具有id divid ：

    if (document.getElementById('divid').innerHTML != "") {
        ...
    }

这是非jQuery javascript，但也应该可以工作，尽管如果在jQuery代码中使用它可能不太美观。

Answer 3

这将检查是否有任何文字内容：

 $('div').text() === ''

这将检查是否有任何内容，包括标记：

 $('div').html() === ''

当然，您可能想要指定一个特定的div，这个会对您文档中的每个div起作用，这肯定不是您想要的。

Answer 4

您需要使用html()检查内容为

var txt = $('div').html();
/* if you just want to use Plain JS then */
var txt = document.getElementsByTagName("div")[0].innerHTML;
if (txt != null ) {
   document.write("There is content in that div");
} else {
   document.write("There is NO content in that div");
}

否则，您也可以使用html()方法替换text()方法。文本不会搜索HTML内容，但会搜索文本内容，例如在浏览器中向用户显示的内容。

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

4 个答案: