js中的DOM,BOM

DOM （document object model）

w3c标准中立于平台和语言的接口，允许程序脚本动态访问更新文档内容结构样式 对网页进行增删改查操作

常见DOM操作

DOM查找

按id精确查找元素 document.getElementById("id")
按标签名进行查找 var ex = parent.getElementByTagName("tag") 查找到parent节点下所有标签为tag的子代节点返回一个集合
按Name精确查找元素 document.getElementByName("Name")
按class精确查找元素 parent.getElementByClassName("class") 父元素下class属性元素
按css选择器查找 parent.querySelector("Seletor") 返回查找到的第一个  parent.querySelectorAll("Seletor") 返回查找到所有

DOM修改

读取属性值：先获取属性节点对象再获得节点对象值
var atrrnode = elem.atrributes(下标/属性名)/elem.getAtrributeNode(属性名) atrrnode.value
直接获得属性值 elem.getAtrribute(属性名)
修改属性值 elem.setAtrribute(属性名，value)  获取元素h1.setAtrributeNode(name,值)
判断是否包含属性  元素.hasAttribute(属性名)
移除属性  a.removeAttribute(属性名)
创建空元素 document.createElement(元素名)

BOM 浏览器属性和方法

setInterval(function(){
	//do something
}, time)
每隔time时间做一次function
setTimeout(function(){
	//do something
}, time)
隔time时间只做一次function setTimeout递归实现setInterval