Edit The Code:
See Result »
Try it Yourself - ©
w3big.com
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>本教程(w3big.com)</title> <script src="http://cdn.static.w3big.com/libs/jquery/1.10.2/jquery.min.js"> </script> <script> function prependText(){ var txt1="<p>Text.</p>"; //使用HTML创建文本 var txt2=$("<p></p>").text("Text."); //使用jQuery创建文本 var txt3=document.createElement("p"); txt3.innerHTML="Text."; // 使用DOM创建文本 $("p").prepend(txt1,txt2,txt3); // 插入新元素 } </script> </head> <body> <p>这是一个段落。</p> <button onclick="prependText()">插入文本</button> </body> </html>