1 <!DOCTYPE html> 2 <html> 3 <head> 4 <script src="/jquery/jquery-1.11.1.min.js"></script> 5 <script> 6 function appendText() 7 { 8 var txt1="<p>Text.</p>"; // 以 HTML 创建新元素 9 var txt2=$("<p></p>").text("Text."); // 以 jQuery 创建新元素 10 var txt3=document.createElement("p"); 11 txt3.innerHTML="Text."; // 通过 DOM 来创建文本 12 $("body").append(txt1,txt2,txt3); // 追加新元素 13 } 14 </script> 15 </head> 16 <body> 17 18 <p>This is a paragraph.</p> 19 <button onclick="appendText()">追加文本</button> 20 21 </body> 22 </html>