您的位置:首页 > Web前端 > HTML

学自慕课网:Dom对象控制Html元素(一)

2015-12-02 22:44 288 查看

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
返回给定节点的上一个子节点
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: