深入学习DOM模型基础
2015-02-09 13:42
232 查看
点击打开链接
文档元素节点的操作
得到一个文档元素节点的引用之后,就可以对这个节点进行一些控制和操作,以达到对HTML显示进行更新的目的。
(1)DOM标准操作,在DOM模型中定义了一套能够对文档结构进行更新的方法,我们可以通过这些方法创建文档节点,并将节点添加到文档中或者从文档中删除。
◆document.createElement(elmName)根据标记名称创建一个节点。
◆document.createTextNode(text)根据一段文本创建一个文本节点。
◆node.appendChild(childNode)将节点添加到一个节点下子节点的末尾。
◆node.insertBefor(newNode,oldNode)将节点插入到指定节点之前,newNode为新节点,oldNode为指定的节点,此节点必须为node的已经存在的一个子节点。
◆node.Replace(newNode,oldNode)用新节点取代一个旧节点,与上面方法类似,oldNode必须为node的一个已近存在的子节点。
◆node.cloneNode(cloneChild)复制一个节点,参数cloneChild是一个布尔值,表示是否复制子节点。
◆node.removeChild(childNode)删除一个子节点,需要注意的是该方法将返回被删除节点的引用。
文档元素节点的操作
得到一个文档元素节点的引用之后,就可以对这个节点进行一些控制和操作,以达到对HTML显示进行更新的目的。
(1)DOM标准操作,在DOM模型中定义了一套能够对文档结构进行更新的方法,我们可以通过这些方法创建文档节点,并将节点添加到文档中或者从文档中删除。
◆document.createElement(elmName)根据标记名称创建一个节点。
◆document.createTextNode(text)根据一段文本创建一个文本节点。
◆node.appendChild(childNode)将节点添加到一个节点下子节点的末尾。
◆node.insertBefor(newNode,oldNode)将节点插入到指定节点之前,newNode为新节点,oldNode为指定的节点,此节点必须为node的已经存在的一个子节点。
◆node.Replace(newNode,oldNode)用新节点取代一个旧节点,与上面方法类似,oldNode必须为node的一个已近存在的子节点。
◆node.cloneNode(cloneChild)复制一个节点,参数cloneChild是一个布尔值,表示是否复制子节点。
◆node.removeChild(childNode)删除一个子节点,需要注意的是该方法将返回被删除节点的引用。
相关文章推荐
- javascript基础学习-dom模型(七)
- [网页基础]DIV+CSS学习笔记(二)深入理解盒子模型
- 深入学习java并发编程:内存模型(一)基础
- js基础学习第二天(关于DOM和BOM)二
- 深入学习JAVA-WEB开发时扎实掌握JAVA基础的重要性
- 关于DOM元素定位属性的深入学习
- 深入学习YCbCr色彩模型
- 学习《深入理解C++对象模型》小结
- tomcat配置(JVM基础:深入学习JVM堆与JVM栈)
- 传智播客学习之DOM基础
- Ajax的基础构架:DOM模型
- asp.net深入学习之--IIS6.0进程模型
- [Color]深入学习YUV色彩模型 V1.1
- (转载)FPGA基础知识篇----深入学习串口模块
- 深入理解Magento – 第四章 – 模型和ORM基础.doc
- magento 开发 -- 深入理解Magento第四章 – 模型和ORM基础
- Direct3D学习(六):动画基础(3)网格模型基础
- [Color]深入学习YCbCr色彩模型
- [转]关于DOM元素定位属性的深入学习
- ASP.NET深入学习笔记之IIS5.0的进程模型