js学习笔记之日期倒计时DOM操作

1.访问html元素

getElementById() 方法  返回对拥有指定 id 的第一个对象的引用，只有dom对象有效

getElementsByName() 方法  返回指定名称的对象集合

getElementsByTagName() 方法  返回指定标签名的对象集合

getElementsByClassName() 方法   返回文档中所有指定类名的元素集合，ie8及之前版本不支持；

parentNode、firstChild、 lastChild、childNodes、nextSibling、previousSibling、nodeValue 通过这些节点属性来访问相应节点

2.dom改变

innerHTML属性  改变元素内容最简单的方法

style  访问html对象的样式对象来改变样式

appendChild() 添加子元素

createElement() 创建元素

createTextNode() 创建文本节点

insertBefore() 在子元素之前添加一个元素

child.parentNode.removeChild(child) 删除当前节点

replaceChild() 替换html元素

3、dom事件

onchange 该事件在表单元素的内容改变时触发

onload 页面或者图像加载完成后

onunload 用户退出页面时 Chrome 或者 Opera 不支持该事件

onmouseover 移动到

onmouseout 离开

onmousedown 点击

onmouseup 松开

onclick 点击完成

onfocus 获取焦点时

onblur 失去焦点时

DOMNodeInserted：在一个节点作为子节点被插入到另一个节点中时触发

DOMNodeRemoved：在节点从其父节点中被移除时触发