DOM创建节点及节点属性

介绍一下如何使用JavaScript创建div节点元素，主要包括创建div节点元素的属性和创建div节点元素的样式两大部分内容，相信本文介绍一定会让你有所收获。

先介绍下需要用到的浏览器提供的一些原生的方法（这里不处理低版本的IE兼容问题）

创建流程比较简单，大体如下：

1. 创建节点(常见的：元素、属性和文本)
2. 添加节点的一些属性
3. 加入到文档中

流程中涉及的一点方法：

• 创建元素：document.createElement
• 设置属性：setAttribute
• 添加文本：innerHTML
• 加入文档：appendChild

如右边代码所示，写一个最简单的元素创建，我们会发现几个问题：

1. 每一个元素节点都必须单独创建
2. 节点是属性需要单独设置，而且设置的接口不是很统一
3. 添加到指定的元素位置不灵活

1. 最后还有一个最重要的：浏览器兼容问题处理
2. 
   
   
   
   
      
      
      
   
   
   
   
      

   动态创建元素节点

   
      
   
          

   点击body区域会动态创建元素节点