javascript - 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() 并直接引用了样式属性，这解决了问题并且样式现在可以正确应用。