前言
上次讲的是DOM编程的入门基础,今天给大家带来的是BOM编程的进阶——如何增加和删除
一、什么是DOM?
- 文档对象模型(Document Object Model)
- 通过DOM可以动态改变文档内容
二、动态改变文档内容的原理
- 解析文档(如HTML)并生成DOM树
- 通过DOM标准接口+编程语言改变文档内容
三、DOM树中的节点类型和节点关系
四、知识点
访问指定节点的方法
- getElementById( ) :返回一个节点对象
- getElementsByName( ):返回多个(节点数组)
- getElementsByTagName( ) :返回多个(节点数组)
查看/修改属性节点
- getAttribute("属性名")
- setAttribute("属性名","属性值")
如果编程时希望访问某个元素的父元素,但又不知道父元素的ID、name、tag,怎么办?
根据层次关系查找节点
- parentNode
- firstChild
- lastChild
- childNodes
创建和增加节点 的方法
- createElement():创建节点
- appendChild():末尾追加方式插入节点
- insertBefore():在指定节点前插入新节点
- cloneNode():克隆节点
删除和替换节点的方法
- removeChild():删除节点
- replaceChild( ) :替换节点
五、所有单词