DOM节点的创建

打开开发工具后直接新建项目，添加视图和控制器。添加好后回到视图插入写jQquery代码时需要的插件。
我们先说DOM节点的创建。创建节点以及节点属性的过程比较简单。1.创建节点（常见的：元素、属性和文本）。2.添加节点的一些属性（当然你可以选择不添加，没有要求必须填）。3.加入文档中。在这三个流程中我们回合涉及到一点方法比如：创建元素document.createElement、设置元素：setAttribute、添加文本：innerHTML、加入文档：appendChild。
我们先直接在页面上创建几个节点。（是在body标签里面写，图如下）

写好布局后，在写css样式。（在head标签的下面写，图如下）

创建script标签，我们将在这个标签里面创建节点。
1.查找视图页面上的body标签，然后向body添加事件句柄。（这里会用到addEventListener()方法，addEventListener()用于向指定元素添加事件句柄）
2.获取id名leftDiv的标签并给它添加点击事件
3.在点击事件里创建两个div节点给他们设置不同的属性，合并成包含关系绘制到页面上.（图如下）