如何在 AngularJS 中通过类名选择元素？

给定一个 HTML 文档，任务是使用 AngularJS 通过 className 选择一个元素。

方法：方法是使用document.querySelector() 方法来获取特定 className 的元素。在第一个示例中，选择了 className class1的元素并将其背景颜色更改为绿色。在第二个示例中，选择了相同类的 2 个元素并更改了一些 CSS。

示例 1：

  

    
    
  
    
        var myApp = angular.module("app", []);
        myApp.controller("controller", function ($scope) {
            $scope.getClass = function () {
                var el = angular.element(
                    document.querySelector(".class1"));
                el.css('background', 'green');
            };
        });
    

  

    
        GeeksForGeeks
    
    
        How to select an element by
        its class in AngularJS
    
    
        
            
                This is GeeksForGeeks
            
            
        
    

  
     

输出：

示例 2：

  

    
    
  
    
        var myApp = angular.module("app", []);
        myApp.controller("controller", function ($scope) {
            $scope.getClass = function () {
                var el = angular.element(
                    document.querySelectorAll(".class1"));
  
                el.css({ 
                    'background': 'green', 
                    'color': 'white' 
                });
            };
        });
    

  

    
        GeeksForGeeks
    
    
        How to select an element by 
        its class in AngularJS
    
    
        
            
                This is GeeksForGeeks
            
            
                A computer science portal
            
            
        
    

  
    

输出：