After the HTML page is loaded, adjust the height of the (textarea) element according to the content.

After the HTML page is loaded, adjust the height of the (textarea) element according to the content.

If my HTML contains a textarea element, I want to adjust its height based on the content after it is loaded. How can this problem be solved?

1. The textarea elements I have defined are as follows:

Note: id = 'value'

The key issue here is which function will be called after html is loaded. There are two methods:

2.1 Method 1: Call $ (document). ready (function (){})

<Script type = "text/javascript"> function get_text_rows (text) {return text. split ("\ n "). length;} $ (document ). ready (function () {document. getElementById ('value '). rows = get_text_rows ($ ('# value '). val () ;}); </script>

2.2 Method 2: Call window. onload

<Script type = "text/javascript"> function get_text_rows (text) {return text. split ("\ n "). length;} window. onload = function () {document. getElementById ('value '). rows = get_text_rows ($ ('# value '). val () ;}</script>