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 （换行符），那么新增的和原来的就都对齐了。