JS 中 style.widtn 为何不起作用，如何修改代码？

js中style不能用，该如何解决？

代码如下：

    
        <meta charset="utf-8"><title></title><style type="text/css">
            #box1{
                width: 100px;
                height: 100px;
                background-color: red;
            }
        </style><script type="text/javascript">
            window.onload = function(){
                /*
                  点击按钮后,修改box1的大小
                */
                //获取box1
                var box1 = document.getElementById("box1");
                //为按钮绑定单机响应函数
                var btn01 = document.getElementById("btn01");
                btn01.onclink = function(){
                    //修改box1的宽度
                   box1.style.widtn = "300px";
                   box1.style.height = "300px";
                   box1.style.backgroundColor = "yellow";
                };
            };
        </script><button id="btn01">点我一下</button>
        
        <br><br><div id="box1"></div>
        
    

问题：

代码中使用 style.widtn 来修改 box1 的宽度，但并不起作用。

回答：

widtn 拼写错误，应为 width。正确的代码如下：

box1.style.width = "300px";

以上就是JS 中 style.widtn 为何不起作用，如何修改代码？的详细内容，更多请关注其它相关文章！