HTML | DOM Textarea rows 属性

DOM Textarea rows 属性用于设置或返回textarea 字段的行属性值。 rows 属性指定控件的可见文本行数，即要显示的行数。

句法：

• 它用于返回行属性：

  textareaObject.rows

• 它用于设置行属性：

  textareaObject.rows = number

属性值：

• number：它指定了 textarea 字段中可见的行数。

返回值：它返回一个数值，表示包含字符的 textarea 字段的高度。

Example-1： HTML 程序来说明设置DOM Textarea rows 属性。

  

    DOM Textarea rows Property
    
        h1,
        h2 {
            text-align: center;
        }
    

  

     
            GeeksforGeeks 
        
  
     
            DOM Textarea rows Property 
        
  
    
            This paragraph has number of rows equal to 5.
    
    
    
    
      Submit
    
  
    
        function myGeeks() {
            
         // Access textarea element.
          document.getElementById("GFG").rows = 
              "10";
        }
    

  

输出 ：

点击按钮前：

点击按钮后：

Example-2： HTML 程序来说明返回DOM Textarea rows 属性。

  

    DOM Textarea rows Property
    
        h1,
        h2 {
            text-align: center;
        }
    

  

     
            GeeksforGeeks 
        
  
     
            DOM Textarea rows Property 
        
  
    
            This paragraph has number of rows equal to 5.
    
    
    Submit
    
    
        function myGeeks() {
            
            // Return number of rows in the textare.
            var x = document.getElementById("GFG").rows;
            document.getElementById("sudo").innerHTML = 
              "There are" + x + " rows in a Textarea height.";
        }
    

  

输出：

点击按钮前：

点击按钮后：

支持的浏览器： Textarea rows 属性支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器