innerHTML

  var rr = $("#" + id1)[0].parentNode.nextSibling;
            //  rr.innerHTML = '<script><//script>';
            rr.innerHTML = "";
            var str = "";
            for (var i = 0; i < arr.length; i++) {
                var r = arr[i];
              
                str += "<div class='Procs'>";
                str += "<div class='HeadOne' style='background-color:" + r.ProcedureState + ";'>" + r.ProcedureType + " </div>";
                str += r.StartTime == null ? "<div>&nbsp;</div>" : " <div >" + r.StartTime + "</div>";
                str += " <div>" + r.PlanHour + "</div>";
                str += " <div>" + r.ActualWorkingHours + "</div>";
                str += r.EndTime == null ? "<div>&nbsp;</div>" : " <div >" + r.EndTime + "</div>";
                str += r.ProcedureNeed == "" ? "<div>&nbsp;</div>" : " <div >" + r.ProcedureNeed + "</div>";
                str += " <div >" + r.PercentAge + "</div></div>";
            }
            rr.innerHTML = str;
          var str = ""; 的作用 ，之前 用的是   rr.innerHTML+=  ，后来  显示不正常，原因很简单 ，每次 做 +=  操作 ，你可以想象 GDI 解析你的字符串 重新 绘图，执行第一个+= 的时候，GDI 发现 没有结束 符号，它可能就自动会帮你加上，因此显示的最终结果已经不是你原来写的字符串那个样子了，是它解析之后的样子。