BOM(Broswer Object Model)
定时器:
执行一次的定时器 var taskid=window.setTimeout(function,ms);
关闭:window.clearTimeout(taskid);
执行无数次的定时器 var taskid=window.setInteval(function,ms);
关闭:window.clearInteval(function,ms);
框窗
1.警告框
window.alert("msg");
2.确认框
window.confirm("msg");
3.询问框
window.prompt("msg","defaulvalue")
DOM(Document Object Model):
结点的概念:整个文档就是由层次不同的多个节点组成,可以说结点代表了全部内容。
一.获取元素节点:
直接:
document.getElementbyid() 通过ID获取
document.getElementsByName() 通过Name获取
document.getElementsByTagName()通过标签获取
间接:
firstChild lastChild childNodes 通过父类获取
parentNode 通过子类获取父类
nextSibling previousSibling 获取同级
二.操作属性结点
(1)通过访问符.属性名获取 注:不可获得自定义属性
(2)通过getAttribute("key") setAttribute("key","value") removeAttribute("key") 获取 注:不能获取输入value值
三.处理文本结点
(1) 通过对象.innerText 获取标签内部的文本信息
(2) 通过对象.innerHTML 获取标签内部的HTML代码
四.动态改变DOM结构
1.创建节点对象 document.createElement("标签名")
2.通过父类添加节点对象 fatherNode.appendChild(子结点对象)
3.通过父类在指定结点前添加子结点 fatherNode.insertBefore(新结点对象,参考结点对象)
4.通过父类替换旧的子结点对象 fatherNode.replaceChild(新结点对象,旧结点对象)
5.通过父类删除旧子结点对象 fahterNode.removeChild(旧结点对象)
五.动态改变元素的CSS样式
1.对象.style赋值CSS样式
2.添加指定.CSS样式 对对象.clssName赋值.css样式