V2AS问路
js追加元素的几种方法（append()、prepend()、after()、before()、insertAfter()、insertBefore()）...
阅读原文时间：2021年04月20日阅读：1

[html] view plain copy

  1. <!DOCTYPE html>

  2. <html>

  3. <head>

  5. <title>js中常用追加元素的几种方法</title>

  7. <style>

  8. .container {

  9. width: 1200px;

  10. padding: 10px;

  11. margin: 50px auto;

  12. border: 1px solid lightcoral;

  13. }

  14. #wrap{

  15. border: 1px solid lightseagreen;

  16. }

  17. .container p{

  18. height: 30px;

  19. line-height: 30px;

  20. }

  21. .btn-group{

  22. margin-top: 20px;

  23. }

  24. button{

  25. width: 80px;

  26. height: 32px;

  27. margin-right: 10px;

  28. line-height: 32px;

  29. text-align: center;

  30. border: 0px;

  31. }

  32. </style>

  33. </head>

  34. <body>

  37. 我是第一个子元素</p>

  38. 我是第二个子元素</p>

  39. </div>

  50. </div>

  51. </div>

  52. </body>

  53. </html>