1:javascript dom 操作
1.document.getElementById(id名)
返回一个html的元素对象 通过这个html的元素对象可以获取元素的信息, 也可以改变里面的属性
2.document.getElementsByName(name名)
根据标签的name属性 获取一组同名的 htmlElement对象数组
var favs =document.getElementsByName("fav")
返回一个名为favs的数组
3.document.getElementsByTagName(“html标签名aa”)
根据标签的TagName属性 获取一组html标签名为aa的对象数组
4.document.getElementsByClassName(“类名”)
根据标签的ClassName属性 获取一组html标签类样式为类名的对象数组
可以获取元素的信息
.tagName 获取html的元素对象的标签名
.id 获取html的元素对象的id名
.innerHTML 获取html的元素对象里面的内容
.style.xxz 获取html的元素对象样式中某个属性的值
.className 获取html的元素对象样式的类名
如果元素是input或者 select 或者textarea
.value 来获取表单元素里面的值
可以改变里面的属性
.tagName=“新的标签名”
.id=“”
.innerHTML=“”
.style=“”
.className=“”
操作跟本htmlelement对象相关的元素的属性
.childNodes 获取该元素的子节点
.firstChild 获取第一个子节点
.lastChild 获取最后一个节点
.parentNode 获取父节点
动态创建一个新的节点 添加 删除 节点
1.添加 节点
var obj =document.createElement(“标签名”);
获取一个父节点
var parent =document.getElementById(id名);
parent.appendChild(obj) 往parent节点 上追加一个obj节点
2.删除 节点
获取一个父节点
parent.appendChild(obj) 往parent节点 上删除一个obj节点
动态操作表格
在表格对象中 insertRow() 插入一行
在表格对象中 deleteRow(index) 删除index位置的那一行
在表格对象中 rowIndex 来获取动态分配行号
在tr对象中 insertCell() 插入一列
定时调度函数
1:setInterval(“被调函数”,时间毫秒单位);
指定 时间 之后重复调用被调函数
var timer =setInterval("fn()",1000) 每隔一秒调用fn()函数一次
遇到 clearInterval(timer):停止调用
2:setTimeOut(“被调函数”,时间毫秒单位);
指定 时间 之后调用一次
var timer =setTimeOut("fn()",1000) 隔一秒调用fn()函数一次
遇到 clearTimeout(timer) 停止调用