如何删除所有以 JavaScript 中某个字符串开头的类？

任务是删除以特定前缀开头的某个元素的所有类。以下是讨论的一些最常用的技术。我们将使用 JavaScript。

方法一：

• 选择特定元素。
• 使用.className 属性来访问所有类。
• 使用.replace() 方法将所有特定类替换为空格（这意味着类已从元素中删除）。
• 在此示例中，使用 RegExp 进行替换。

示例 1：此示例使用上述方法。

  

    
        How to remove all classes that
      begin with a certain string JavaScript?
    
    
    
    
        #div {
            height: 100px;
        }
          
        .el-color {
            color: white;
        }
          
        .el-background {
            background: green;
        }
          
        .el-border {
            border: 3px solid blue;
        }
    
  

  

      
            GeeksForGeeks  
        
    
    
    
        Div Element
    
    
    
        click here
    
    
    
    
        var el_up = document.getElementById('GFG_UP');
        var el_down = document.getElementById('GFG_DOWN');
        el_up.innerHTML = 
          "Click on the button to remove all "+
          "classes starting with certain character.";
  
        function GFG_Fun() {
            $('#div')[0].className = 
              $('#div')[0].className.replace(/\bel.*?\b/g, '');
            el_down.innerHTML = 
              "Every class starting with 'el' is removed from the element.";
        }
    

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

方法二

• 选择特定元素。
• 使用.className 属性来访问所有类。
• 使用.split() 方法将所有类作为一个元素。
• 使用.filter()函数过滤掉不以特定字符开头的类。
• 最后，将这些类与元素放在一起。

示例 2：此示例使用上述方法。

  

    
        How to remove all classes that 
      begin with a certain string JavaScript?
    
    
    
    
        #div {
            height: 100px;
        }
          
        .el-color {
            color: white;
        }
          
        .el-background {
            background: green;
        }
          
        .el-border {
            border: 3px solid blue;
        }
    
  

  

      
            GeeksForGeeks  
        
    
    
    
        Div Element
    
    
    
        click here
    
    
    
    
        var el_up = document.getElementById('GFG_UP');
        var el_down = document.getElementById('GFG_DOWN');
        var el = document.getElementById('div');
        el_up.innerHTML = "Click on the button to remove "+
          "all classes starting with certain character.";
  
        function GFG_Fun() {
            var startsWith = "el";
            var classes = el.className.split(" ").filter(function(v) {
                return v.lastIndexOf(startsWith, 0) !== 0;
            });
            el.className = classes.join(" ").trim();
            el_down.innerHTML = 
              "Every class starting with 'el' is removed from the element.";
        }
    

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：