ff下页面html代码和用js生成的html代码的 显示上的细微差别

一个 text文本框 后面一个图片。

 

 

有两段代码，一段是直接写在jsp页面中的html代码

<td>
<input type="text" class="nfs-auditProcSetup-nodeNameInput" readonly="readonly" id='total_users_<%=startId %>_view' value=""/>
<button class='nfs-auditProcSetup-transparentButton' type='button' id='weight_<%=startId %>_btn' onclick="openWeightWindow('<%=startId %>')"><img class="imgMidd" 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 （换行符） ，那么新增的和原来的就都对齐了。