document.body.style.margin删除元素

Question

我正在玩一些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; }

Answer 1

我去掉了with()，直接引用了style属性，这修复了问题，样式现在可以正确应用了。