JS中的BOM与DOM

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样式

猜你喜欢

转载自www.cnblogs.com/user001/p/10815877.html