textarea的高度问题

Question

    document.getElementsByTagName('textarea')[0].oninput=function(){

        console.log(this.scrollHeight);

        console.log(this.style.height);

    }

文本域的scrollHeight打印出来为什么是自身的大小

文本域的高度为什么为空

Answer 1

scrollHeight代表包括当前不可见部分的元素的高度。而可见部分的高度其实就是clientHeight，也就是scrollHeight>=clientHeight恒成立。在有滚动条时讨论scrollHeight才有意义，在没有滚动条时scrollHeight==clientHeight恒成立。