Javascript test if div has text in it

Question

1. <div id="div_Msg"> Test the div </div>
2. <div id="div_Msg"> </div>

In the first case, there is text in the div. In the second case, the text is missing. Using javascript, how can it be tested if the div has text in it.

Answer 1

If you are using jQuery, you can do it like this:

if($.trim($('#div_Msg').text()) != "") {
    // Code here
}

In simple JavaScript, do the following:

if(document.getElementById("div_Msg").innerHTML.replace(/^\s*/, "").replace(/\s*$/, "") != "") {
    // Code here
}

Both cases get the text and trim the spaces from the beginning and end of the line, and then compare them with the empty line.

Answer 2

If you use jQuery you can do:

$.trim($('#div_Msg').text());

Note: items may not have the sameid