如何使用AngularJS动态获取div的内容宽度？

div的内容宽度可以根据用户要求使用clientWidth和scrollWidth属性动态获取。如果用户想知道实际显示内容所需的空间(包括填充所占用的空间，但不包括滚动条，边距或边框)，则用户可以使用以下任何一种过程来返回整个内容的宽度。元素。

• 使用Element.ClientWidth属性
• 使用Element.scrollWidth属性

示例1：使用ClientWidth属性的div的Content Width将返回元素的整个内容的宽度。

  

    
    
    
        #div1 {
            height: 100px;
            width: 300px;
            border: 2px solid black;
            overflow: scroll;
        }
          
        h1 {
            color: green;
        }
    

  

    
        GeeksforGeeks
        Geeting Content width
        
          Calculate content width of a div on GeeksforGeek.
          GeeksforGeeks is a computer science portal which 
          helps students to learn various programming language
          and master data structures and algorithms. There are
          various courses available to learn new skills.
        
        
        Content Width of Div
  
        
    
    
        function contentwidth() {
            var ans = "Content-width: "
            + angular.element(document.getElementById("div1").clientWidth)
            + "px<br>";
            document.getElementById("p1").innerHTML = ans;
        }
    

  

输出：

示例2：使用scrollWidth属性的div的Content Width将返回元素的整个内容的宽度。

  

    
    
    
        #div1 {
            height: 100px;
            width: 300px;
            border: 2px solid black;
            overflow: scroll;
        }
          
        h1 {
            color: green;
        }
    

  

    
        GeeksforGeeks
        Getting Content width
        
          Calculate content width of a div on GeeksforGeek. 
          GeeksforGeeks is a computer science portal which 
          helps students to learn various programming language
          and master data structures and algorithms. There are
          various courses available to learn new skills.
        
        
        Content Width of Div
  
        
    
    
        function contentwidth() {
            var ans = "Content-width: " 
            + angular.element(document.getElementById("div1").scrollWidth) 
            + "px<br>";
            document.getElementById("p1").innerHTML = ans;
        }
    

  

输出：