js，jquery常用拼接html方法

js：innerHTML（替换html内容），appendChild（子节点追加），innerText（替换html内容，并显示html标签）

jquery：append（追加）， html（替换html内容）

如果不明白追加和替换的朋友，以下jquery拼接中有介绍追加和替换的例子

js中拼接：

（1）innerHTML:

var div=document.getElementById("firstDiv");

div.innerHTML="<font color='green'>您好，欢迎来到CSDN</font>";

效果：您好，欢迎来到CSDN

（2）appendChild：

 var liList=document.createElement("li"); //创建一个li节点

        var text=document.createTextNode("您好，欢迎来到CSDN")//定义创建文本节点 
                liList.appendChild(text); //把文本节点追加到li节点
                div.appendChild(liList);//把li节点添加到ul中

（3）innerText(会显示html标签)：

var div=document.getElementById("firstDiv");

div.innerText="<font color='green'>您好，欢迎来到 CSDN</font>";

效果：<font color='green'>您好，欢迎来到CSDN</font>

<font color='green'>您好，欢迎来到CSDN</font>

jquery中拼接：

（1替换：）比如<pid="pText"><p>1111</p></p>$("#pText").html("<span>2222</span>");结果是：<pid="1"><span>2222</span></p>

（2追加：）$("#pText").append("<span>2222</span>");结果是：<pid="1"><p>1111</p><span>2222</span></p>