怎么用 js 修改 html 的 css 属性

2014-11-23 12:42:50 +08:00
 cdwyd
RT，
目的是想用js给当前页面添加一个整体的padding，js代码是写在head部分的，如果用document.body来设置的话会不会出现js找不到body的情况？如果会的话，怎么用js给html动态添加一个padding属性？
4601 次点击
所在节点    问与答
8 条回复
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";
})

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/148654

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX