H5新增classList

<div id="box">
    <button id="addBtn">添加class</button>
    <button id="deleteBtn" class="removeClass">删除class</button>
    <button id="toggleBtn">切换class</button>
</div>
       const fa  = document.querySelector('#box')
        const allChild = fa.children
        const btnNodes = [...allChild]
        
        btnNodes.forEach(node =>{
            console.log(node.attributes.id.value)
            node.onclick = function(){
                switch (node.id) {
                    case 'addBtn':node.classList.add('addClass') ;break;
                    case 'deleteBtn':node.classList.remove('removelass');break;
                    case 'toggleBtn':node.classList.toggle('toggleBtn');break;
                }
            }
        })
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客
应支付0元
点击重新获取
扫码支付

支付成功即可阅读