如何創建一個元素?
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" 的文字樣式；
