【新人笔记16.04.12更新】JS--动态插入内容

人间四月啾啾啾

于 2016-03-30 10:55:51 发布

阅读量475

点赞数

分类专栏： JS 文章标签： javascript 动态

本文链接：https://blog.csdn.net/qq_33065315/article/details/51012484

版权

这篇新人笔记详细介绍了如何在JavaScript中动态插入内容，包括使用appendchild方法创建新节点并添加到父节点，以及利用innerHTML属性插入HTML内容。文章还探讨了内联JS代码与HTML解析的顺序，并提及了使用DocumentFragment优化大量节点插入的性能。

摘要由CSDN通过智能技术生成

此乃新人博客，记录的都是些初级内容。

个人坑：使用appendchild（）方法动态插入结点时，必须要先创建一个新的节点，再将新的结点作为子节点连接到父节点上，而不是在父节点上直接生成一个子节点。
如以下代码：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>IFE JavaScript Task 01</title>
  </head>
<

关注

专栏目录