HTML5获取class属性

作者: ferrint | 来源:发表于2017-03-02 20:54 被阅读64次

关键词:classList


方法

oDiv.classList //类数组class列表

oDiv.classList.add('box3'); // 添加类

oDiv.classList.remove('box2'); // 移除类

oDiv.classList.toggle('box2'); // 切换类:有删除,无加上

oDiv.classList.length // 类的个数

oDiv.classList.item(0); // 类的项目

 * <div id="div1" class="box box1 box2">div</div>

    window.onload = function(){
    var oDiv = document.getElementById('div1');
    
    console.log( oDiv.classList );  //类似与数组的对象
    console.log( oDiv.classList.length );  //3
    
    oDiv.classList.add('box3');
    
    oDiv.classList.remove('box2');
    
    oDiv.classList.toggle('box2');

相关文章

网友评论

    本文标题:HTML5获取class属性

    本文链接:https://www.haomeiwen.com/subject/dqbkgttx.html