接触第三方框架久了，好像许多原生的方法属性遗忘了很多。

框架能让你跑的更快，原生JS能让你走的更远。

创建document.element

    document.createElement('tagName');

举例：创建一个img元素

    let tempImg = document.createElement('img');

修改元素属性以及绑定事件

elementNode.setAttribute(name,value)

ps：给img标签设置src属性

    tempImg.setAttribute('src','url');

elementNode.style.属性名

ps:隐藏img标签

    tempImg.style.display = "none";

elementNode.eventHandlers

ps：在img监听点击事件

    tempImg.onclick = function(){};

在页面中插入新建element

1. 定位插入位置的父元素

2. 插入元素

      fatherNode.appendChild(tempImg);
   

假如需要加入N个自建元素，建议一起创建完成之后一次性加入到实际页面元素中去，提高性能。

回流和重绘

删除元素

1. 定位需要删除元素的父元素
2. 定位需要删除元素的位置

3. 删除元素

      fatherNode.removeChild(tempImg);