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

我试图在调整窗口大小后0.5秒后触发所有文本区域的

滚动高度

这条线好像不行<代码>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';
});

---

您正在使用jQuery，因此请使用jQuery设置高度

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

现在，由于多种原因，您的代码将失败。不能将值设置为HTMLCollection。您的类名中有一个

，它不是选择器

所以如果你想用普通的老JavaScript来实现它

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

var tas=document.getElementsByClassName（“abc”）；
对于（var i=0；如果使用jQuery=>$（.abc”）.height（$（.abc”）[0].scrollHeight），DOM没有“css（）”方法
var tas = document.getElementsByClassName("abc");
for(var i=0; i<tas.length; i++) {
    tas[i].style.height = tas[i].scrollHeight + "px";
}

$(window).bind('resizeEnd', function() {
    $(".abc").height( $(".abc")[0].scrollHeight );
});