如何用JS改变CSS文件中html的padding值？


我在CSS文件中应用了 html{padding:100px 30px 0} 我想在javascript中改变它为 html{padding:30px 30px 0} ，（我必须用html应用这条语句，必须在js中来改变它的padding值的情况下） 我该怎么写这条语句？ 

解决方案 »

  1.   

      document.getElementsByTagName("html")[0].style.padding="0";
      

  2.   

    cpp2017:
    很感谢你的回答，这样写改变了四边的间距，能不能只改变上边的？ 该怎么改呢？再次谢谢你了。
      

  3.   

    用jquery吧<html>
    <style>
    html{padding:100px 30px 0}
    </style>
    <script src="js/jquery-1.3.2.js"></script>
    <script>
    window.onload = function(){
       $("html").css("padding","300px 30px 0;");
    }
    </script>
    <body>
    xxx
    </body>
    </html>
      

  4.   

    document.getElementsByTagName("html")[0].style.paddingTop="300";
      

  5.   


    document.getElementsByTagName("html")[0].style.padding="30px 30px 0px";