DOM动态创建标记

admin

可以用来读写某给定元素里的HTML内容
innerHtml
语法：object.innerHtml        （读取）
语法：object.innerHtml = '...'        （写入）


创建一个新元素节点
createElement
语法：document.createElement(nodeName)
例子：document.createElement("p")


创建一个新文本节点
createTextNode
语法：document.createTextNode(text)
例子：document.createTextNode("Hellow Word")


把新创建的节点插入到某个节点树，成为文档的某个现有节点的子节点
appendChild
语法：parent.appendChild(child)
例子：object.appendChild(child)
父节点.appendChild(要插入的子节点)


把一个元素插入到现有元素前
insertBefore（）
三个必备条件
        新元素：想插入的元素（newElement）
        目标元素：想把这个新元素插入到那个元素（targetElement）之前
        父元素：目标元素的父元素（parentElement）
语法：parentElement.insertBefore(newElement, targetElement)
父元素.insertBefore(要插入的元素,在那个元素之前)
目标元素的父元素即：targetElement.parentNode