document.body.style.margin删除元素

时间:2013-01-10 16:06:22

标签: javascript html css

我正在玩一些JS并且想知道为什么在我的身体边缘添加样式时我的其他元素会消失?

window.onload = function() {

with(document.body.style) {
  margin = "0px 0px 0px 0px";
}

var header = document.createElement('header');

with(header.style) {
  height = '2px';
  marginBottom = '30px';
  backgroundColor = '#333';
  width = '100%';
  margin = '0';
  padding = '0';
}

document.body.appendChild(header);

var h1 = document.createElement('h1');
var name = document.createTextNode("Header1");
h1.appendChild(name);

document.body.appendChild(h1);

}

我要做的是删除应用于任何元素的边距和填充。在CSS中,我会这样做:

* { margin: 0; padding: 0; }

1 个答案:

答案 0 :(得分:1)

我已经删除了()并直接引用了style属性,这解决了问题和样式现在正确应用。