How to remove the div content?

Question

Can you please tell me how to remove the div content? I am getting data from server regularly. I check if div height is "100" .

Then it remove content and write data from top in jQuery. I tried very thing nothing is working for me.

var scrollerDivHeight=$('#scroller').height();
if(scrollerDivHeight==100){

    //   $('#scroller').val()='';
    $('#scroller' ).innerHTML = '';
    $("#scroller").empty();
    $('#scroller').val('');
    $('#scroller').html('');
    $('#scroller').refresh();


    myScroll.refresh();
}

Answer 1

Us the Empty() method in jquery

   setInterval(function () {
       $('#realtime').append("Hiiiii. is div").css("line-height", "100px");
         var scrollerDivHeight=$('#realtime').height();
       if(scrollerDivHeight>100){
           $("#realtime").empty();
       }
   }, 1000);

See fiddle Demo

Read Jquery Empty Documentation here

Answer 2

You can try replacing this with your code

var scrollerDivHeight=$('#scroller').height();
if(scrollerDivHeight >= 100){
    $('#scroller').replaceWith('<div id="scroller"></div>');
}

Answer 3

Use > not == also fix the id

   setInterval(function () {
       $('#scroller').append("Hiiiii. is div").css("line-height", "100px");
         var scrollerDivHeight=$('#scroller').height();
       //alert(scrollerDivHeight)
       console.log(scrollerDivHeight)
       if(scrollerDivHeight>100){
           $("#scroller").empty();
       }
   }, 1000);

DEMO