js高级程序设计笔记18

DOM

1.getElementByClassName()

//接受一个参数，包含一个或多个类名

element,getElementByClassName('class1');
element.getElementByClassName('class1 class2');

2.classList

//Html5新增的操作方式

<div class='c1 c2 c3'></div> //这个div有三个类名

//不使用classList

var className = div.className.split('/\s+/')

for(var i=0;i<=className.length;i++){
  if(className[I] == 'user'){
    pos = i
    break;
  }
}

//使用classList

add(value)
contains(value)
remove(value)
toggle(value) //若存在，则删除，不存在则添加

div.classList.remove('c1');
div.classList.add('c4');

for(var i=0;i<div.classList.length;i++){
}