浏览器解析js生成的html中样式问题的解决方案

我实现的功能是添加一个标签，不刷新就添加到标签列表的末尾。见下图第二行。风格明显不对。

我反复检查了chrome控制台的html结构，都是一样的。我在IE和FF下仔细对比过，还是没有区别。见下图。

同样的html结构，同样的风格，其实在风格上表现出很大的差异，他们一时之间失去了思想，就像无头苍蝇一样。我简单的把console下的html复制到记事本上进行对比，看到了一个线索，如下图所示。左侧是js生成的html，右侧是页面()中的html。aspx)。

风格不同的原因可能是左侧缺少换行符，所以我在每一行的末尾加了一个换行符“\n”，这样就解决了风格的问题。拉复制的代码如下：VAR HTML=['Li ID=\ '审案_ { 0 } \ ' \ n]。格式(CATID)、“div \ n”、“span类”checkbox ' input type=\ ' checkbox ' name=\ ' CBITeM ' value=\ ' { 0 } \ '//span \ n '。格式(catId)，' span class=\'name\'{0}/span\n '。format(catName)，' spana href=\ ' JavaScript : void(0)；\' onclick=\ '博客。cat . edit({ 0 })；\ '[edit]/aa href=\ ' JavaScript : void(0)；\' onclick=\ '博客。cat . DelCat({ 0 })；\ '[删除]/a/span \ n。format (catid)、“/div”、“div style=\”display : none；\'\n '，' span put type=\ ' text ' value=\ ' { 0 } \ '//span \ n '。格式(catName)，“span button type=\”button“class=\”button“onclick=\”Blog。cat . setcat({ 0 })；\ '确定/按钮/span \ n '。format (catid)，“span button type=\”button“class=\”button“onclick=\”blog . cat . cancel({ 0 })；\ '取消/按钮/span \ n '。格式(catid)，'/div \ n '，'/Li \ n']。join(' ')；经过长时间的思考，解决了一个问题，好开心！作者：清洁鱼。