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