如何创建一个元素?
createElment()方法是用来生成HTML元素节点；
var newDiv = document.createElement("div");
console.log(newDiv)；
打印出来内容为"<div></div>"；
createElment()参数名为标签的签名，即元素节点的tagName属性，如果传入大写的标签名会自动转为小写，但是不能带有尖括号或者null否则会报错；
createTextNode()方法用来生成文本节点，参数为生成的文本内容；
var newText = document.createTextNode("hello")；
console.log(newText)；
打印出来内容为"hello"；
createDocumentFragment()方法是生成一个DocumentFragment对象。
var newText = createDocumentFragment()；
DocumentFragment对象是一个存在于内存的DOM片段，但是不属于当前文档，常常用来生成较复杂的DOM结构，然后插入当前文档。这样做的好处在于，因为DocumentFragment不属于当前文档，对它的任何改动，都不会引发网页的重新渲染，比直接修改当前文档的DOM有更好的性能表现。
如何给元素设置属性?
setAttribute()方法用于设置元素属性；
var Inp = document.getElementById("input")；
Inp.setAttribute("type", "button")；
利用setAttribute()方法可以将"input"的type进行重新设置；
如何删除属性?
romoveAttribute()用于杀出元素属性；
<h1 style="color:red">Hello World</h1>
document.getElementsByTagName("H1")[0].removeAttribute("style");
输出为无"style="color:red" 的文字样式；
