Code666 (代码贴、代码片段)

[JavaScript] jQuery通过append在html元素后同时添加多项内容 →→→→→进入此内容的聊天室

来自 , 2019-12-31, 写在 JavaScript, 查看 163 次.
URL http://www.code666.cn/view/889091ff
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
  5. </script>
  6. <script>
  7. function appendText()
  8. {
  9. var txt1="<p>Text.</p>";              // Create text with HTML
  10. var txt2=$("<p></p>").text("Text.");  // Create text with jQuery
  11. var txt3=document.createElement("p");
  12. txt3.innerHTML="Text.";               // Create text with DOM
  13. $("body").append(txt1,txt2,txt3);        // Append new elements
  14. }
  15. </script>
  16. </head>
  17. <body>
  18.  
  19. <p>This is a paragraph.</p>
  20. <button onclick="appendText()">Append text</button>
  21.  
  22. </body>
  23. </html>
  24.  
  25. //javascript/8109

回复 "jQuery通过append在html元素后同时添加多项内容"

这儿你可以回复上面这条便签

captcha

贴代码片段 - Code666