169. 标签内容追加 innerHTML 与 append

2019独角兽企业重金招聘Python工程师标准>>>

1.  效果

1.1 使用$("#tipId").html("内容") 与 document.getElementById("loginId").innerHTML="内容"

1.1.1   $("#tipId").html("内容")  （原来下写错了  现在的是修改过的  可用）

 

//8. 双击事件 修改用户信息         function dblclickToChangeEmployeeInfo(id){             //双击   查看该员工详细信息             //产生随机数 去欺骗浏览器             var random=Math.floor(Math.random()*100) ;//产生一个1--100的随机数             var number = new Date().getSeconds()%43 +random; //这将产生一个基于目前时间的0到42的整数。                var url="${pageContext.request.contextPath }/queryEmployeeByIdToModelView.action";                 //var data="";//无参数的写法             var data={"employeeId":id,"number":number}//多参数 用逗号隔开             $.post(url,data,function(result){                     //将 ajax 返回的数据填充 到model页面                                                     $("#loginId").innerHTML=result.loginid;//登录的账号  无法将值 追加进去的                  // 调用模态页面                  $('#myModalAbnormalDataId').modal();                  $(document).ready(function () {                      $("#select").bind("change",function(){                          if($(this).val()==0){                              return;                          }                          else{                              $("p").text($(this).val());                          }                      });                  });                  //选择触发事件                 function goUrl(obj){                     location.href=obj.value;                 }                                                  },"json");                                     };

 

 

1.1.2  document.getElementById("loginId").innerHTML="内容"

效果：可以实现

代码：上面是完整的这里就写核心代码

document.getElementById("loginId").innerHTML=result.loginid;//登录的账号   追加到li标签下   使用js  能实现

 

1.2  $("#userNameId").append(result.username); 与 document.getElementById("loginId").append(result.username);

这两个都可以正常的追加内容  在使用的时候我们需要手动清空掉 原来的内容

效果：

        未清空：

清空后的效果

 

 

代码：

$("#userNameId").empty();// 将原来标签里面的内容清空 否则就是追加了                    $("#userNameId").append(result.username);//如果不清空 就导致内容追加

2. 终结：

innerHTML：是替换原来的内容  不支持jq获取对象，支持原始的 document.getElementById("loginId").innerHTML=result.loginid;

append：追加内容   一般配合 $("#userNameId").empty(); 使用

 

转载于:https://my.oschina.net/springMVCAndspring/blog/1918370