怎么用 js 修改 html 的 css 属性

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 3672 天前的主题，其中的信息可能已经有所发展或是发生改变。

RT，
目的是想用js给当前页面添加一个整体的padding，js代码是写在head部分的，如果用document.body来设置的话会不会出现js找不到body的情况？如果会的话，怎么用js给html动态添加一个padding属性？

padding

HTML

属性

8 条回复 • 2014-11-23 18:25:44 +08:00

guchengf

2014-11-23 12:50:57 +08:00

```html
<body onLoad="LoadMyJs()">
```
在js里写上这个loadMyJs函数就可以了

cdwyd

2014-11-23 13:22:24 +08:00

@guchengf
感谢回复，打算把js写在head部分，所以还想再问下：document.getElementsByTagName("html")[0].style.padding = '100px';这样写有问题吗？对js不太了解

zkd8907

2014-11-23 13:34:46 +08:00

@cdwyd 可以，如果懒得调试也可以直接用Chrome的调试器直接输入“document.getElementsByTagName("html")[0].style.padding='100px';”查看效果。

sneezry

2014-11-23 13:36:55 +08:00

改html标签的css感觉怪怪的，为啥不改body的，另外判断dom载入完成的方法很多

br00k

2014-11-23 15:21:53 +08:00

建议写个css属性，直接改class就可以了。

miniwade514

2014-11-23 15:34:14 +08:00

赞同楼上

lujjjh

2014-11-23 16:16:35 +08:00

一定要通过 js 的话，
document.documentElement.style.padding = "48px";

修改 <body> 的 style 也可以但不推荐，
window.addEventListener('DOMContentLoaded', function (e) {
document.body.style.padding = "48px";
});

kmvan

2014-11-23 18:25:44 +08:00

window.load = function(){
document.body.style.padding = "48px";
})