ff下页面html代码和用js生成的html代码的 显示上的细微差别
一个 text文本框 后面一个图片。
?
?
有两段代码,一段是直接写在jsp页面中的html代码
<td><input type="text" readonly="readonly" id='total_users_<%=startId %>_view' value=""/><button class='nfs-auditProcSetup-transparentButton' type='button' id='weight_<%=startId %>_btn' onclick="openWeightWindow('<%=startId %>')"><img src="<%=SiteInfo.IMAGES_DIR%>/checkList/minor_edit.gif" /></button></td>
?
在页面中需要动态的增加一行,因此对应的js脚本为:
function addNode() {……"<td><input class='nfs-auditProcSetup-nodeNameInput' type='text' readonly='readonly' id='total_users_"+nodeId+"_view' value=''/>"+"<button class='nfs-auditProcSetup-transparentButton' type='button' id='weight_" + nodeId + "_btn' onclick='openWeightWindow("" + nodeId + "")'><img class="imgMidd" src='<%=SiteInfo.IMAGES_DIR%>/checkList/minor_edit.gif' /></button>" +“</td>”……}
?在ie下没有问题,在ff下总是出现对不齐的问题,
?
后来发现是js代码的问题,如果在js代码中,在text文本框的html代码后面加上 \n (换行符),那么新增的和原来的就都对齐了。