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

效果：js

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

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

动态创建添加：
let div = ('div');
="div1"
 = '<span>123</span>'
(div)

效果：jq

<div >
  <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);