js动态添加tr，td里多个元素样式变形-优快云博客

本文链接：https://blog.youkuaiyun.com/dpn525/article/details/84367920

本文详细介绍了如何通过在每行代码尾部加空格的方法解决在表格ID增加一行原证时出现的问题。通过使用特定的HTML和JavaScript代码，实现了根据表格ID增加一行包含原证类型、原证号码、提取、删除和房屋查看功能的表单。此解决方案适用于需要在表格中动态添加原证信息的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

拼写的每行代码尾部加空格即可解决。

//根据表格id增加一行原证
	function addRegRightcert(w){
		regRightcertTrNum++;
		var regRightcertHtml='<tr id="rightcertTable_tr'+regRightcertTrNum+'">'+
								'<td id="addHiddenHtmlId_'+regRightcertTrNum+'"   style="text-align:left;" >'+
									'<span style="margin-left: 5px;" >原证类型:</span> '+
									'<select  style="width:100px;"  id="rightcerttype_'+regRightcertTrNum+'"  name="basicinfo.beforeafterList['+regRightcertTrNum+'].beforecerttype" >'+
										'<option value=""  >请选择</option>'+
										'<c:forEach items="${rightCertTypeList}" var="rightCertType">'+
											'<option value="${rightCertType.rightcerttypecode}">${rightCertType.rightcerttypename}</option>'+
										'</c:forEach>'+
									'</select> '+
									'<span style="margin-left: 5px;" >原证号码：</span> '+
									'<input style="width: 300px;" type="text"  name="basicinfo.beforeafterList['+regRightcertTrNum+'].beforecertnum" id="rightcertnum_'+regRightcertTrNum+'" /> '+
									'<input style="margin-left: 5px;" type="button" value="提取" onclick="getHouseQuery(\'rightcerttype_'+regRightcertTrNum+'\',\'rightcertnum_'+regRightcertTrNum+'\',\'addHiddenHtmlId_'+regRightcertTrNum+'\')"  class="btnCss"/> '+
									'<input type="button" value="删除" class="btnCss" onclick="deleteRegRightcert(\'rightcertTable_tr'+regRightcertTrNum+'\',\'addHiddenHtmlId_'+regRightcertTrNum+'\')" /> '+
									'<a href="#"  style="margin-left: 5px;" onclick="viewHouse(\'rightcerttype_'+regRightcertTrNum+'\',\'rightcertnum_'+regRightcertTrNum+'\',\'rightcertTable_tr'+regRightcertTrNum+'\',\'addHiddenHtmlId_'+regRightcertTrNum+'\')">房屋查看</a> '+
								'</td>'+
							'</tr>';
		$("#"+w).append(regRightcertHtml);
	}