用js或者jquery动态给div追加内容,不覆盖之前的内容

2021年9月17日 20点热度 0条评论 来源: 天好像很冷了

转:添加

效果:js

<div id="append">ss</div>
<script>
var divA = document.getElementById("append");
    divA.innerHTML = divA.innerText+'追加的内容s';
    //divA.innerHTML +='追加的内容s';
    divA.innerHTML = divA.innerHTML+'<h3>追加内容为H3字体</h3>';
</script>

var itemHtml="";
for(var i=0,len=value.length;i<len;i++){
  itemHtml+=”<li>”+value[i]+”</li>”; //避免这种频繁操作
}
ul.innerHTML=intemHtml; 性能好

动态创建添加:
let div = document.createElement('div');
div.id="div1"
div.innerHTML = '<span>123</span>'
document.body.appendChild(div)

效果:jq

 

<div id="append">
  <span>文本</span>
  <p>This is a paragraph.</p>
  <ol>
  <li>List item 1</li>
  </ol>
</div>
<script>
$(document).ready(function(){
    $('span').append('随便加文本');//无效果
    $("p").append(" <b>Appended text</b>.");//有标签效果
    $("ol").append("<li>Appended item</li>");
});
</script>

<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<script type="text/javascript">
$(document).ready(function(){
    $("p:first-child").html("Hello <b>world!</b>");//替换里面的所以内容  $("p").eq(0).html("Hello <b>world!</b>")第一个p
});
</script>

jquery中val()与之类似,
$(this).val();获取某个元素节点的value值,相当于$(this).attr("value");
$(this).val(value);设置某个元素节点的value值,相当于$(this).attr("value",value); 

 

 

 

    原文作者:天好像很冷了
    原文地址: https://blog.csdn.net/a772116804/article/details/79612572
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。