Javascript 为什么我的容器在IE中替换setInterval div后会丢失其内容？

我一直在用chrome和ff开发一个网页。我最近被告知它也必须在IE中工作。我已经解决了IE的双重填充问题。问题是在javascript setinterval导致div被替换之后，我的“网格”的内容消失了。这仅在IE中查看页面时发生

下面是指向动态创建和打印页面的代码

    <div  id=\"col1a\" style=\"float:left; width:605px; height:300px;\"> \
            <div id=\"GridContent\" class=\"FormContent\"> \
                <div id=\"ContentPlaceHolder1_FormSection\" class=\"FormSection\"> \
                    <div id=\"ContentPlaceHolder1_ProgramGridHeader\" class=\"ProgramGridHeader\"> \
                        <div id=\"ContentPlaceHolder1_HeaderRow\" class=\"HeaderRow\"> \
                            <div readonly=\"readonly\" class=\"Cell\" style=\"width: 57px\">Stage</div><div class=\"Cell\" style=\"width: 78px\">Type</div><div class=\"Cell\" style=\"width: 50px\">Time</div><div class=\"Cell\" style=\"width: 44px\">Int</div><div class=\"Cell\" style=\"width: 44px\">Dry</div><div class=\"Cell\" style=\"width: 44px\">Wet</div><div class=\"Cell\" style=\"width: 52px\">RH%</div><div class=\"Cell\" style=\"width: 72px\">Option</div><div class=\"Cell\" style=\"width: 72px\">Damper</div><div class=\"Cell\" style=\"width: 44px\">Fan</div> \
                        </div><br /> \
                        <div class=\"Row\" position: relative;> \
                                 "};

如果您能帮助我理解内容消失的原因，我将不胜感激

---

--谢谢--

某些版本的IE只会在HTML有效的情况下填充元素

我会假设有一个标签没有关闭或一个额外的报价

你能显示所有你想替换的HTML吗

---

来源：

我建议将此代码放在jsfiddle.net中，我们可以更好地查看它。HTML有很多转义，它不太确定实际生成的是什么。我还建议您学习一个简单的咒语：使用正确的工具完成工作。如果您有表格数据，请使用表格，并减少所有额外的标记。@xivo转义会有很多转义，因为这是一个包含实时数据的服务器响应，必须以我的嵌入式web服务器可以理解的方式写入。在本例中，它是sprintf（）语句中的c。以上所有内容加上上下文hilighting的需要使得使用表变得非常困难。@user1753671我知道它是生成的，但这不是生成的代码，是吗？你给我们的问题是一半。我们看不到正在消失的内容。您是否可以向我们展示某种类型的呈现html？每个浏览器都应该能够显示它。你可以向我们展示它在IE中应该显示什么和没有显示什么。用你当前的问题来正确地解决你的问题有点混乱和困难。我试图用html替换它的html是动态创建的，所以我从来不知道内容实际上是什么。我所做的就是填写这种格式的“代码”%s决定服务器打印到该部分的内容。您应该能够在浏览器的开发人员工具中检查实际响应。下面是一些关于Chrome开发工具的文档：我一直在使用Chrome开发工具，最近我发现IE不喜欢服务器发回的内容。我从服务器上得到的信息看起来是正确的，但我一直在代码行之间得到一个方框字符和一堆额外的制表符。这听起来好像它没有正确地转换换行符。您可能希望尝试在响应上运行类似以下内容：

.Row { border: solid 0px green; float: left; min-width: 0; clear:both; position: relative; -webkit-border; padding 1;}
.RowCompleted { border: solid 0px #7F9DB9; background-color: #C0C0C0; color: #000;}
.RowNoShower { border: solid 0px #7F9DB9; background-color: #FFF; color: #000;  min-width: 0; }
.RowColdShower { border: solid 1px #7F9DB9; background-color: #ADD8E6; color: #000; }
.RowWarmShower { border: solid 1px #7F9DB9; background-color: #FB0; color: #000; }
.RowHotShower { border: solid 1px #7F9DB9; background-color: #F00; color: #FFF; }
.RowInProgress { border: solid 0px #7F9DB9; background-color: #0F0; color: #000;}
.RowPaused { border: solid 0px #7F0DB9; background-color: #00F; color: #FFF;}