document对象 动态的创建元素(节点)/添加元素(节点)/删除元素(节点)

主要是通过创建节点的方式来完成动态创建和动态删除的，其具体的方法就2个document.createElement("a");document.getElementById("id1").parentNode.removeChild(document.getElementById("id1"))

  在此之前先对dom结点的知识进行加强介绍

1，

常用的dom的每个Node节点属性和方法(加强篇)

特别提示：

html dom和xml dom都遵循相同dom规范的，所以他们有很多相同的方法和属性，因此我们也可以去查看xml dom的node节点提供的方法和属性。

在dom编程中，一个html文档会被当作dom树对待，dom会把所有的html元素映射成Node结点，于是你就可以使用node节点（对象）的属性和方法 

下面是node节点的属性和方法，注意createElement是document的方法，不是node节点的方法

属性名称	类型	说明
nodeName	String	节点名称
nodeValue	String	节点值
nodeType	Number	节点类型
parentNode	Node	父节点
firstChild	Node	第一个子节点
lastChild	Node	最后一个子节点
childNodes	NodeList	所有子节点
previousSibling	Node	前一个节点
nextSibling	Node	后一个节点
ownerDocument	Document	获得该节点所属的文档对象
attributes	Map	代表一个节点的属性对象

方法名称	返回值	说明
hasChildNodes()	Boolean	当前节点是否有子节点
appendChild(node)	Node	往当前节点上添加子节点
removeChild(node)	Node	删除子节点
replaceChild(oldNode,newNode)	Node	替换子节点
insertBefore(newNode,refNode)	Node	在指定节点的前面插入新节点

node属性方法的使用 [前、后节点功能在IE8以上浏览器未通过测试]

[dom5-document.html]node属性和方法的使用示例

2，动态创建dom对象createElement()、parentNode.removeChild()

div1