JavaScript DOM创建元素节点(createElement)创建文本节点(createTextNode)创建注释节点createComment

傷城~ 2021-07-24 17:20 661阅读 0赞
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=GBK">
  5. </head>
  6. <body>
  7. <div id="box">
  8. </div>
  9. </body>
  10. <script>
  11. var box = document.getElementById("box");
  12. var p = document.createElement("p");
  13. var text = document.createTextNode("这是一个p的文本元素");
  14. p.appendChild(text);
  15. var comment = document.createComment("这是一个p的注释元素");
  16. p.appendChild(comment);
  17. box.appendChild(p);
  18. </script>
  19. </html>

效果:

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RrbTEyMzQ1Ng_size_16_color_FFFFFF_t_70

发表评论

表情:
评论列表 (有 0 条评论,661人围观)

还没有评论,来说两句吧...

相关阅读