js怎么禁止横向滚动条 _JavaScript

求助js如何禁止横向滚动条
求助js如何禁止横向滚动条

document.body.style.overflow="hidden"；

overflowX属性无效，应该怎么写呢

------解决方案--------------------

HTML code


<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="gb2312" />
        <title></title>
        <style type="text/css">
            div {
                width:100px;height:200px;
                border:1px solid red;
                overflow:scroll;
            }
        </style>
    </head>
    <body>
        <div id="test">
            测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
            测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
            测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
            测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
            测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
            测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
        </div>
        <button id="btn">click</button>
        <script>
            function $(el){
                return typeof el == 'string' ? document.getElementById(el) : el;
            }
            $('btn').onclick = function(){
                $('test').style.overflowX = 'hidden';
            }
        </script>
    </body>
</html>