javascript - Javascriptでdivをリフレッシュする問題

Question

以下のコードに示すように、ボタンをクリックすると div が設定されるコードを書き込もうとしています。問題は、ボタンが複数回クリックされた場合、いわば div がリロードされるようにしたいということです。以下のrefreshDiv関数でこれを実装しようとしましたが、これが含まれていると、ボタンをクリックするアクションは何もしません。

 function buttonClickHandler() {

    var divString = "foodJournal";
    refreshDiv(divString);

    var divID = document.getElementById("foodJournal");
    var fieldset = document.createElement("fieldset");
    var legend = document.createElement("legend");
    legend.innerHTML = "Food Log";
    legend.setAttribute('id', "legend");
    divID.appendChild(fieldset);
    fieldset.appendChild(legend);

     //refreshes food journal div
     var refreshDiv = function(element) {
         node = document.getElementById(element);
         while (node.hasChildNodes()) {
             node.removeChild(node.lastChild);
         }
     };
 }

どんな助けでも大歓迎です！