如何使用 JavaScript/JQuery 获取已触发事件的元素的类？

给定一个 HTML 文档并触发某个事件，任务是获取触发事件的元素的类。这里讨论了 2 种方法。

方法一：

• 在本文中我们只使用点击事件，但是该方法可以应用于任何事件
• 在这种方法中使用onCLick() 事件。
• 这个this.getAttribute(‘class’) 方法返回发生事件的元素的类。当用户点击任何元素时，这个点击事件就会触发，我们会检测元素的类。
• 使用onCLick = 函数(this.getAttribute(‘class’))获取特定元素的类名。

示例：此示例实现了上述方法。

    
        
            Getting the class of the element that
            fired an event using JavaScript.
        
        
            #div {
                background: green;
                height: 100px;
                width: 200px;
                margin: 0 auto;
                color: white;
            }
              
            #gfg {
                color: green; 
                font-size: 20px; 
                font-weight: bold;
            }
        
    
    
        
            GeeksforGeeks
        
        
            Click on the DIV box or button to get Class of 
            the element that fired click event.
        
        
            This is Div box.
        
        
        
            Button
        
        
        
            var el_down = document.getElementById("gfg");
            function GFG_click(className) {
                // This function is called, when the 
                // click event occurs on any element.
                // get the classname of element.
                el_down.innerHTML = "Class = " + className; 
            }
        
    

输出：

方法二：

• 在这种方法中使用onCLick() 事件。
• 这个$(this).attr(‘class’) 方法返回发生事件的元素的类。无论哪个元素触发了事件，我们都可以检测到它的类。
• 使用onCLick = 函数($(this).attr(‘class’))获取触发事件的元素的类名。

示例：此示例实现了上述方法。

    
        
            Getting the class of the element that
            fired an event using JavaScript.
        
        
            #div {
                background: green;
                height: 100px;
                width: 200px;
                margin: 0 auto;
                color: white;
            }
            #gfg {
                color: green;
                font-size: 20px;
                font-weight: bold;
            }
        
        
        
    
    
        
            GeeksforGeeks
        
        
            Click on the DIV box or button to get 
            Class of the element that fired click event.
        
        
            This is Div box.
        
        
        
            Button
        
        
        
            var el_down = document.getElementById("gfg");
            function GFG_click(className) {
                // This function is called, when the 
                // Click event occurs on any element.
                // Get the class Name.
                el_down.innerHTML = "Class = " + className; 
            }
        
    

输出：