js取出并修改标签里的值（title）

需求

详情页，某字段A，数据库中存的是编码，显示到页面上要—此编码+对应的名称

实现

1. 统一风格前端是span表示的，如下(修改前)：此时显示的${mainObject.A}是编码

<td>
	<div>
	<span>
		<strong>A字段：</strong>
		<span title="${mainObject.A}" id="Acode"> 
			${
     fns:abbr(mainObject.A,32)}
		</span>
	</span>
	</div>
</td>

2. 修改后span表示的，如下

<td>
	<div>
		<span>
			<strong>A字段：</strong>
			<span title="${mainObject.A}" id="Acode" />
		</span>
	</div>
</td>

3. 修改后 新增一个异步查询名称，再拼接后给span重新赋值，如下

<script type="text/javascript">
	window.onload=getName;//页面加载完执行（为了加载出编码，要根据编码查询）
	function getName(){
     
		 var code = document.getElementById("Acode").title //取出title值
		 if(code == '' || null == code){
     
			 return
		 }else{
     
			$.ajax({
     
					url: '${xxx}/xxx/xxx/getCodeNameByCode',
					type: "POST",
					data:{
     'code':code},
					success: function (data) {
     
						var code = data.code;
						var codeName = data.codeName;
						var allName = codeName +"_"+code;
						document.getElementById("Acode").innerText = allName; //给title赋值
					}
			   });
		 }
	}
</script>