How to return value 0 if div is empty in javascript

Question

I have a div which has a dynamic value. When #div1 is empty, I would like to show a simple value "0".

This is what I have so far:

<script language="javascript"> 
if ($('#div1').is(':empty')){
   //and here I don't know to return value 0 as text
}
</script>

Answer 1

Maybe like this:

if ($('#div1').is(':empty')) {
 $('#div1').text("0");
}

Answer 2

If you want the div to contain the text "0", just do $('#div1').html("0");

Answer 3

Or maybe like this:

if ($('#div1').is(':empty')) {
 $('#div1')[0].innerHTML = '0'; // u can add more DOM elements in this way
}

For example:

    var moreDom = '<div id="someDiv"><p>some text in div<p></div>' + 
                    '<div id="someDiv2"><p>some text in div2<p></div>';
    $('#div1')[0].innerHTML = moreDom;