cdwyd
V2EX  ›  问与答

怎么用 js 修改 html 的 css 属性

  •  
  •   cdwyd · Nov 23, 2014 · 5048 views
    This topic created in 4218 days ago, the information mentioned may be changed or developed.
    RT,
    目的是想用js给当前页面添加一个整体的padding,js代码是写在head部分的,如果用document.body来设置的话会不会出现js找不到body的情况?如果会的话,怎么用js给html动态添加一个padding属性?
    8 replies    2014-11-23 18:25:44 +08:00
    guchengf
        1
    guchengf  
       Nov 23, 2014   ❤️ 1
    ```html
    <body onLoad="LoadMyJs()">
    ```
    在js里写上这个loadMyJs函数就可以了
    cdwyd
        2
    cdwyd  
    OP
       Nov 23, 2014
    @guchengf
    感谢回复,打算把js写在head部分,所以还想再问下:document.getElementsByTagName("html")[0].style.padding = '100px';这样写有问题吗?对js不太了解
    zkd8907
        3
    zkd8907  
       Nov 23, 2014
    @cdwyd 可以,如果懒得调试也可以直接用Chrome的调试器直接输入“document.getElementsByTagName("html")[0].style.padding='100px';”查看效果。
    sneezry
        4
    sneezry  
       Nov 23, 2014
    改html标签的css感觉怪怪的,为啥不改body的,另外判断dom载入完成的方法很多
    br00k
        5
    br00k  
       Nov 23, 2014
    建议写个css属性,直接改class就可以了。
    miniwade514
        6
    miniwade514  
       Nov 23, 2014
    赞同楼上
    lujjjh
        7
    lujjjh  
       Nov 23, 2014
    一定要通过 js 的话,
    document.documentElement.style.padding = "48px";

    修改 <body> 的 style 也可以但不推荐,
    window.addEventListener('DOMContentLoaded', function (e) {
    document.body.style.padding = "48px";
    });
    kmvan
        8
    kmvan  
       Nov 23, 2014
    window.load = function(){
    document.body.style.padding = "48px";
    })
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2620 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 129ms · UTC 15:55 · PVG 23:55 · LAX 08:55 · JFK 11:55
    ♥ Do have faith in what you're doing.