169. 标签内容追加 innerHTML 与 append
2018-07-29 23:31
841 查看
1. 效果
1.1 使用$("#Id").innerHTML="内容" 与 document.getElementById("loginId").innerHTML="内容"
1.1.1 $("#Id").innerHTML="内容" 是无法将内容追加进去的 (js已经导入了)
//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(); 使用
相关文章推荐
- js通过innerHTML向div中追加标签,添加后之前输入的内容都清空了解决方法
- 怎么去除innerHTML获得内容中的标签?
- HDFS文件内容追加(Append) hdfs2.x版支持
- jquery append() 追加内容 remove() 删除回调
- 拉动滚动条追加内容,无限延伸document高度 $(window).scroll(function(){if($(window).scrollTop() + $(window).height() == $(document).height()) { $("body").append(html) } })
- js append追加html代码标签后 css样式没生效 js同时没有生效 已解决
- HDFS文件内容追加(Append)
- HDFS文件内容追加(Append)
- 一个例子教会你jquery追加标签 append和appendTo
- jquery append() 追加内容 remove() 删除回调
- jquery on()事件 append追加内容事件失效处理
- jQuery追加标签 append和appendTo
- 清空标签间的内容(innerHTML)和 value
- ajax请求到后台数据,前台不用拼接字符串append追加HTML标签,使用空模板一样显示到页面
- jquery append() 追加内容 remove() 删除回调
- Log4j Append属性指定是否追加内容
- jquery追加内容append
- js方法中获取开始标签和结束标签中间插入内容的方式(innerHTML/html())
- Log4j Append属性指定是否追加内容
- jaxp dom-appendChild xml中某一个标签下创建 有内容无属性的标签