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