链接：http://naotu.baidu.com/file/066f228731f401d54b19d033e660310d?token=c250785699717806
DOM知识结构：
分类有五大类
- 1.元素的操作
- 2.元素属性的操作
- 3.表单与表格
- 4.节点操作
- 5.定位属性
1.添加class
var objId = document.getElementById('oDiv');
function addClass(obj,add)
//obj:要添加的对象，className:要添加的class名称，例如：对oDiv要添加一个class=‘box’，那obj就是oDiv，class就是box；
{
//如果原来没有class
if (obj.className=='') {
obj.className=add;
} else{
//如果原来有class
var arrClassName=obj.className.split(' ');
var _index=arrIndexOf(arrClassName,add);
if (_index==-1) {
//如果要添加的class在原来的class中不存在
obj.className+=' '+add;
}
}
}
function arrIndexOf(arr,v){
for (var i=0;i<arr.length;i++) {
if (arr[i]==v) {
return i;
}
}
return -1;
}
2.删除class
function removeClass(obj,className){
//如果原来有class
if (obj.className!='') {
var arrClassName=obj.className.split(' ');
var _index=arrIndexOf(arrClassName,className);
//如果有我们要移除的class
if (_index!=-1) {
//如果要添加的class在原来的class中不存在
arrClassName.splice(_index,1);
obj.className=arrClassName.join(' ');
}
}
}
function arrIndexOf(arr,v){
for (var i=0;i<arr.length;i++) {
if (arr[i]==v) {
return i;
}
}
return -1;
}
