假设现在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');