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

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

方法：方法是使用document.querySelector()方法获取特定className的元素。在第一个示例中，选择了className class1的元素，并将其背景颜色更改为绿色。在第二个示例中，选择了两个相同类的元素，并且更改了一些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
            
            
        
    

  
    

输出：