java document创建节点_javasript 的DOM 节点操作：创建，插入，删除，复制以及查找节点...

DOM 含义： DOM 是文档对象模型(Document Object Model) 是一种基于浏览器编程的一套API 接口，我W3C 出台推荐的标准。其赋予了JS 操作节点的能力，当网页被加载时，浏览器就会创建页面的文档对象模型。

节点： 根据W3C的HTML DOM 标准，HTML 文档中的所有内容都是节点。

1. 整个文档是一个文档节点

2. 每个HTML元素是元素节点

3. HTML元素内的文本是文本节点

4.每个HTML属性都是属性节点

5.每个注释都是注释节点

所以HTML DOM 将HTML 文档视作树结构，这种结构被称为节点数。通过HTML DOM 节点树种的所有节点都可以通过JS进行访问。所有HTML 元素(节点)均可被修改、

一、 创建节点、追加节点

1.createElement(标签名)创建一个元素节点(具体的一个元素)。

2.appendChild(节点) 追加一个节点

3.createTextNode(节点文本内容)创建一个文本节点

var oDiv = document.createElement('div') // 常见一个div元素，因为是document 对象的方法

var oDivText = document.createTextNode('666') // 创建一个文本节点内容是666 , 因为是document 对象的方法

oDiv.appendChild(oDivText) // 父级.appendChild(子节点); 在div元素中添加6666

document.body.appendChild(oDiv) // 父级.appendChild(子节点);document.body是指向

元素

document.documentElement.appendChild(createNode) //父级.appendChild(子节点); document.documentElement 是指向html 元素

x

var oDiv = document.createElement('div') // 常见一个div元素，因为是document 对象的方法

var oDivText = document.createTextNode('666') // 创建一个文本节点内容是666 , 因为是document 对象的方法

oDiv.appendChild(oDivText) // 父级.appendChild(子节点); 在div元素中添加6666

document.body.appendChild(oDiv) // 父级.appendChild(子节点);document.body是指向

元素

document.documentElement.appendChild(createNode) //父级.appendChild(子节点); document.documentElement 是指向html 元素

二、插入节点

1.appendChild(节点)也是一种插入节点的方式，还可以添加已经存在的元素，会将其元素从原来的位置移动新的位置