javascript - 调整窗口大小时按类名触发调整文本区域大小

Question

我试图在调整窗口大小 0.5 秒后触发所有类为“abc”的文本区域的 scrollHeight。

这行好像不行。 document.getElementsByClassName(".abc").style.height = (document.getElementsByClassName(".abc")).scrollHeight+px';

如何在调整窗口大小后触发所有类名为“abc”的文本区域以适应其内容高度？

$(window).resize(function() {
    if(this.resizeTO) clearTimeout(this.resizeTO);
    this.resizeTO = setTimeout(function() {
        $(this).trigger('resizeEnd');
    }, 500);
});

$(window).bind('resizeEnd', function() {
document.getElementsByClassName("abc").style.height = (document.getElementsByClassName("abc")).scrollHeight+'px';
});

Answer 1

你正在使用 jQuery，所以使用 jQuery 来设置高度

$(".abc").each(
    function() { 
        $(this).height(this.scrollHeight);
    }
);

现在您的代码会因为多种原因而失败。您不能为 HTMLCollection 设置值。您的 className 中有一个 .，它不是选择器。

所以如果你想用普通的旧 JavaScript 来做

var tas = document.getElementsByClassName("abc");
for(var i=0; i<tas.length; i++) {
    tas[i].style.height = tas[i].scrollHeight + "px";
}

最后，我认为这不是您 100% 想要的，但这是让上面的代码运行的方法。