Why is it useless to use remove () to empty the content of append () and then use append () to add content?

   // remove() 
var List = function (customerId, customerStageId, pageIndex) {
    var url = comm.getHost() + "/EmployeeApi/CustomerVisitLog/GetListPageByCustomerId";
    var params = { "CustomerId": customerId, "CustomerStageId": customerStageId, "PageIndex": pageIndex };
    var Str2 = "";
    comm.post(url, params, function (data) {
        if (PageNum <= data.TotalPages) {
            PageNumPP;
            var Str = "";
            for (var i = 0; i < data.Items.length; iPP) {
                Str = "<dl class=\"timeline-node-green\">";
                Str += "  <dt>";
                Str += "       <b>[" + data.Items[i]["DepartmentName"] + "]-" + data.Items[i]["DudyName"] + " " + data.Items[i]["FullName"] + "</b>";
                Str += "       

" + data.Items[i]["AddTime"] + "

"; Str += " </dt>"; Str += " <dd>" + unescape(data.Items[i]["Desc"]) + "</dd>"; Str += "</dl>"; $(".timeline").prepend(Str); } Str2 = "<p class=\"rowLink\" onclick=\"HistoryList()\" title=\"\"><i class=\"icon iconfont\" style=\"font-size:12px;\"></i>

"; } else { Str2 = "<p style=\"color:-sharpbebebe;text-align:center;\">

"; comm.warning("..."); } alert(Str2); $(".Message").remove(); //remove() $(".Message").append(Str2); // }); } //
Mar.11,2021

because remove () does not clear this element, but deletes it. If you delete it, how can you see it--
clear empty ()

Menu