宝哥软件园

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

编辑:宝哥软件园 来源:互联网 时间:2021-10-10

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

我反复检查了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}/spann '。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(' ');经过长时间的思考,解决了一个问题,好开心!作者:清洁鱼。

更多资讯
游戏推荐
更多+