JavaScript学习笔记DOM操作总结

1.获取非行间css
if(oDiv.currentStyle){
alert(oDiv.currentStyle.width);
}else{
alert(oDiv.getComputedStyle(oDiv,false).width);
}
2.数组的定义
var a = [1,2,3];
var a = new Array(1,2,3);
(1)清空数组:
length = 0;
(2)
添加:arr.push();尾部添加
删除:arr.pop();尾部删除
(3)
头部添加:
unshift();
头部删除
arr.shift();
(4)
删除
arr.splice(起点,长度);
添加
arr.splice(起点,长度,元素);
替换
arr.splice(起点,长度,元素);
(5)数组链接
arr1.concat(arr2);
(6)
arr = [1,2,3,4];
arr.join("-");
1-2-3-4
(7)
排序
arr.sort();
把数字当做字符串来处理的
处理办法
arr.sort(function(n1,n2){
return n1-n2;
});
(8)
定时器:
间隔:
setInterval(show,1000);
延时:
setTimeoout(show,1000);
关闭定时器:
clearInterval(name);
clearTimeout(name);
(9)
日期对象:
var date = new Date();
getHours();
getMinutes();
getSeconds();
(10)
DOM基础:
document
IE 10%
Chrome 60%
FF 99%
(11)
节点:文本节点+元素节点
nodeType=3-->文本节点
nodeType=1-->元素节点
children 不包括文本节点
childrenNode 包括文本节点
(12)
offsetParent:获取定位的父节点
(13)
fristChild有兼容性问题
高版本用:
fristElementChild
(14)
获取getAttribute();//可以用.和[]代替
设置setAttribute();
删除removeAttribute()
(15)
创建节点:
var li = document.createElement('li');
appendChilde(li);
(16)插入元素
父级.insertBefore("节点","在谁之前");
(17)删除元素
removeChild("子节点");
(18)文档碎片
document.cr eateDocumentFragment();
(19)表格:
getElementsByTagName('tbody')[0] ==> tBodies[0]
getElementsByTagName('tr')[1] ==> rows[1]
getElementsByTagName('td')[1] ==> cells[1]
(20)
toLowerCase:把大写变成小写的
srt.search("a");//返回出现的位置，否则返回-1
split(' ')//从空格切开