简体   繁体   English

我怎么知道一个元素是否有一个特定的 JavaScript 类?

[英]How can I know if an element has a specific class with JavaScript?

I have a div with three button elements inside it and I want to make a JavaScript function so that if I press the first button in my div , it gets added a class called "active", and if either my second or third element had it previously, it gets removed.我有一个里面有三个button元素的div ,我想创建一个 JavaScript 函数,这样如果我按下div的第一个按钮,它就会添加一个名为“active”的类,如果我的第二个或第三个元素有它以前,它会被删除。

 <div> <button>option 1<button/> <button>option 2<button/> <button>option 3<button/> <div>

var System = {
    buttonNode: {
        init: function(containerID){
            try{
                var container = e(containerID);
                var els = container.querySelectorAll(".oneActive");
                for(var i = 0; i < els.length; i++){
                    var cur = els[i];
                    cur.onclick = function(){ System.buttonNode.toggle(this); };
                }
            }catch(err){
                alert(err.stack);
            }
        },
        toggle: function(el){
            try{
                if(hasClass(el,"active")){
                    el.classList.remove("active");
                }else{
                    el.classList.add("active");
                }
            }catch(err){
                alert(err.stack);
            }
        }
    },
    e: function(id){
        return(document.getElementById(id));
    }
};
function hasClass(element, className) { //from https://stackoverflow.com/questions/5898656/check-if-an-element-contains-a-class-in-javascript
    return (' ' + element.className + ' ').indexOf(' ' + className+ ' ') > -1;
}

System.buttonNode.init("id-of-your-div-full-of-buttons");

You could probably use this.你可能会用这个。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何选择仅具有特定类别的元素? - How can I select an element which has only a specific class? 如何隐藏具有给定类的所有元素的父元素,但父元素也具有特定的类? - How can I hide parent element of all elements with a given class, but the parent element also has a specific class? 如何检测父元素是否具有 javascript 的特定子元素? - how can i detect if a parent element has a specific child element with javascript? 如何使用JavaScript在特定InnerHTML上没有ID的类HTML元素上创建ID? - How do I create ID on a class HTML element on specific InnerHTML has no ID, with JavaScript? 如何隐藏在JavaScript中的克隆元素上具有特定类的div - How to hide div which has specific class on cloned element in javascript 我怎么知道我的班级是否有财产 - How can i know if my class has a property 我怎么知道javascript对象具有的所有属性? - How can I know all the attributes a javascript object has? 我怎么知道哪个元素激活了javascript中的点击事件? - How can i know which element activated a click event in javascript? 如何使用 javascript 添加元素 class? - How can I add an element class with javascript? 我可以使用 jQuery 检查元素是否具有特定类并仅编辑此元素吗? - Can I check with jQuery if element has specific class and edit only this element?
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM