Question

这是一个简单的网页。为什么在调整浏览器大小时textarea的宽度不会改变？

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
    function resize() {
        document.getElementById("main").style.width=window.innerWidth;
    }
    window.onresize = resize;
    window.onload = resize;
</script>
</head>
<body style="margin:0; padding:0;">
<textarea id="main" style="margin:0; padding:0; border:0;" >It was a dark and stormy night, and the rain came pouring down... </textarea>
</body>
</html>

Answer 1

style.width需要设置一个单位，例如px。

document.getElementById("main").style.width=window.innerWidth + "px";

Answer 2

试试这个：

<!DOCTYPE html>
<html>
<head>
</head>
<body style="margin:0; padding:0;">
<textarea id="main" style="margin:0; padding:0; border:0;" >It was a dark and stormy night, and the rain came pouring down... </textarea>
<script type="text/javascript">
    function resize() {
        document.getElementById("main").style.width=window.innerWidth + 'px';
    }
    window.onresize = resize;
    window.onload = resize;
</script>
</body>
</html>

Answer 3

将您的行替换为：

document.getElementById("main").style.width=window.innerWidth + 'px';

Javascript不影响HTML元素

3 个答案: