DOM:节点: Node-构成HTML文档最基本的单元
常用节点分为四类:
--文档节点:整个HTML文档
--元素节点:HTML文档中的标签
--属性节点:元素的属性
--文本节点:HTML标签中的文本内容
节点的属性
nodeName nodeType nodeValue
文档节点 #document 9 null
元素节点 标签名 1 null
属性节点 属性名 2 属性值
文本节点 #text 3 文本内容
nodeName
商佳谷
获取元素节点
·通过document对象调用
1.getElementById()
通过id属性获取一个元素节点对象
2.getElementsByTagName()
- 通过标签名(例:div ,h1等)获取一组元素节点对象
3.getElementsByName(
-通过name(例:表单属性)属性获取一组元素节点对象
获取元素节点的子节点
通过具体的元素节点调用
1.getElementsByTagName(
- 方法,返回当前节点的指定标签名后代节点
2.childNodes
- 属性,表示当前节点的所有子节点
3. firstChild
- 属性,表示当前节点的第一个子节点
4.lastChild
- 属性,表示当前节点的最后一个子节点
获取父节点和兄弟节点
通过具体的节点调用
1.parentNode
-属性,表示当前节点的父节点
previousSibling
2.
-属性,表示当前节点的前一个兄弟节点
3.nextSibling
-属性,表示当前节点的后一个兄弟节点
setInterval()
定时调用
可以将一个函数,每隔一段时间执行一次
参数:
1。回调函数,该函数会每隔一段时间被调用一次
2.每次调用间隔的时间,单位是毫秒
返回值:-返回一个Number类型的数据,这个数字作为定时器的唯一标识
clearInterval()可以用来关闭一个定时器
方法中需要一个定时器的标识作为参数,这样将关闭标识对应的定时器
定义一个函数,用来为指定事件绑定响应函数
addEventListener()中的this,是绑定事件的对象
attachEvent()中的this,是window
需要统一两个方法this
obj 要绑定事件的对象
eventstr 事件的字符串
callback 回调函数
下一周会及时完成任务,学习更多东西