js，jquery常用拼接html方法，js，jquery拼接字符串

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>

 

jquery中拼接：

 

（1替换：）比如<p id="pText"><p>1111</p></p>

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

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