[Javascript] 如何透過找出Web頁面的多行文字方塊物件,並自動更改大小
目前在網站頁面的設計上，多行文字方塊是許多系統或是文字輸入用的網頁物件
但是如果使用者輸入了相當多的文字,對於後續瀏覽的人，由於文字方塊大小不夠大，容易造成不方便的問題
這個問題，可以透過簡單的Javascript來達成多行文字方塊高度的修改
首先，可以透過
document.getElementsByTagName("*");的語法，找出頁面上所有的元件
接著再透過判斷元件type的方式找出多行文字方塊並進行高度的更改
完整的程式碼如下
var all = document.getElementsByTagName("*");
for (var i = 0, max = all.length; i < max; i++) {
if (all[i].type == "textarea") {
all[i].style.height = all[i].scrollHeight + "px";
}
}