定义class类,添加class类,获得class类的方法

假设现在html的body内部有一个div块容器.

首先，我给div容器定义一个class类，如何定义class类方法呢？

div.className = 'myclass';解决ie8以下兼容问题

设置class类的方法和设置data的方法差不多，简单的方法如下：

div.setAttribute('class','class01');支持所以浏览器

当div容器内部class类已经定义，如何添加class类的方法呢？添加类的属性是classList如下：

div.classList.add('class')

既然可增加类名，也就能移除类名！

div.classList.remove('class');

你还可以查看类的长度：

div.classList.length;

div.classList.length();

你还可以查看一个项目类：

div.classList.item(0) //你有多个类0 1 2 3

项目类相当与你获取标签名字要用到的item(0),item(0)表示第一个节点项目。

获得class类的方法有哪些呢？

div.getElementsByClassName('myclass');

div.querySelector('.myclass');

div.className == 'myclass';

仅兼容ie8以下浏览器：getElementsByClassName，getElementById

获得标签名的方法有哪些呢？

div.getElementsByClassName('myclass')[0].getElementsByTagName('li');

div.querySelectorAll('li');