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

效果：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>效果：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>