javascript - 自动调整文本区域大小？

Question

我有这部分代码:

let o = document.getElementById("name");
        let a  = document.getElementById('customerstype');
        let p = document.getElementById("parent");
        let h  = document.getElementById('hierarchy');
        let s  = document.getElementById('status');
        o.style.height = (o.scrollHeight - 10)+"px";
        a.style.height = (a.scrollHeight - 10)+"px";
        p.style.height = (p.scrollHeight - 10)+"px";
        h.style.height = (h.scrollHeight - 10)+"px";
        s.style.height = (s.scrollHeight - 10)+"px";

对于我拥有的每个文本区域，我需要说document.getElementyById。有没有其他方法可以做到这一点，而不是有 10 行代码，而是每个文本区域都有唯一的。

Answer 1

您可以使用一个类，然后使用 for 循环来迭代所有元素:

var elements = document.querySelectorAll('.txtarea'); // Assuming class txtarea
elements.forEach(function(elem) {
    elem.style.height = (elem.scrollHeight - 10) + 'px';
});