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

我想给一个div追加内容，当点击按钮时候追加一次，再次点击则再次追加，求源码

可以先获取之前的内容，然后在把新的内容拼接上去，在设置回去

jQuery的append方法：
$("div").append();在选择元素的末尾添加内容

 <!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
function add(){ 
   $('#divappend').append('追加');
}
</script>
</head>
<body>
<input type='button' value='追加' onclick='add()'/>
<div id='divappend'></div>
</body>
</html>

jQuery的append方法：

非jQuery方法的就是直接追加了，假设你的div的id="append"

var divA = document.getElementById("append");
    divA.innerHTML = divA.innerHTML+"追加";

通过 jQuery，可以很容易地添加新元素/内容，添加新内容的四个 jQuery 方法：
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
jQuery添加元素使用教程参考:http://www.w3school.com.cn/jquery/jquery_dom_add.asp

  1. var a=$('div').val();
    2.var b="你要添加的内容";
    3.var a+=b/ 或者直接var a+="你要添加的内容"
    4.$('div).val(a);

    这种方法在为input追加文本同样适用，就是有点麻烦