

textareaではスクロールが有効になるため文字数が多いと、textarea自体の高さと、中身の高さが変わると思います。

この中身の高さを得る方法はありますか?


CC BY-SA 3.0
2015-04-14T06:51:17.830
9145
2015-04-15T07:55:34.730
9149
question
javascript jquery jquery-ui
javascriptでtextareaの中の高さを取得する方法

[code]

    $('textarea').scrollTop() + $('textarea').innerHeight()
    
[/code]

とかですかね・・・


CC BY-SA 3.0
2015-04-14T08:01:40.277
9149
2015-04-14T08:01:40.277
2232
9145
answer


[`Element.scrollHeight`](https://developer.mozilla.org/en-
US/docs/Web/API/Element/scrollHeight)で取得できます。

[code]

    var area = document.getElementById('area');
    var contentHeight = area.scrollHeight;
    
    alert('中身の高さは' + contentHeight + 'pxです。');
    
    if (confirm('エレメントの高さを調整しますか？')) {
      area.style.height = contentHeight + 'px';
    }
[/code]

[code]

    <textarea id="area" style="width: 250px; height: 100px; overflow-y: scroll;">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nisi sem, sodales ac dolor quis, elementum varius massa. Sed eget odio tincidunt, dignissim justo eget, tempus est. Cras imperdiet tempus metus a mattis. Nullam pretium ultricies sapien sit amet iaculis. Integer eget dignissim odio, non ullamcorper augue. Pellentesque a interdum sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In tortor risus, elementum non congue sed, blandit nec arcu. Nam laoreet tincidunt efficitur.
    </textarea>
[/code]


CC BY-SA 3.0
2015-04-15T07:55:34.730
9193
2015-04-15T07:55:34.730
3371
9145
answer