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="您好,欢迎来到CSDN";

效果:您好,欢迎来到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="您好,欢迎来到 CSDN";

效果:您好,欢迎来到CSDN

 

jquery中拼接:

 

(1替换:)比如

1111

$("#pText").html("2222");结果是:

2222

(会替换掉

1111

(2追加:)$("#pText").append("2222");结果是:

1111

2222

 

 

 

 

你可能感兴趣的:(#,JS,JQUERY)