学自慕课网：Dom对象控制Html元素（一）

DOM初识

一、DOM初识

图1 简易HTML结构图

表1 DOM元素节点

方法	说明
nodeName	返回一个字符串，其内容是给定节点的名字
nodeType	返回一个整数，这个数值代表给定节点的类型
nodeValue	返回给定节点的当前值

表2 DOM遍历节点树

方法	说明
createElement(element)	创建一个新的元素节点
createTextNode()	创建一个包含着给定文本的新文本节点
appendChild()	指定节点的最后一个子节点列表之后添加一个新的子节点
insertBefore()	将一个给定节点插入到一个给定元素节点的给定子节点的前面
removeChild()	从一个给定元素中删除一个子节点
replaceChild()	把一个给定父元素例的一个子节点替换为另一个节点

表3 DOM操作

方法	说明
childNodes	返回一个数组，这个数组由给定元素节点的子节点构成
firstChild	返回第一个子节点
lastChild	返回最后一个子节点
parentNode	返回一个给定节点的父节点
nextSlibling	返回给定节点的下一个子节点
previousSlibling	返回给定节点的上一个子节点