如何使用香草javascript以编程方式设置样式html，正文{height：100％}？

Question

在我的css文件中，有规则：

html, body {height: 100%}

我不想依赖样式表，因此可以使用香草javascript设置此样式吗？如果可以，怎么办？

Answer 1

您可以使用querySelectorAll('html, body')选择两个元素，然后在forEach()的帮助下遍历结果集：

document.querySelectorAll('html, body').forEach(node => node.style.height = '100%');

请注意，这在IE 11中不起作用，因为它不支持NodeList.prototype.forEach()（并且还因为它使用箭头功能）。

对于IE 11，您可以使用Function.prototype.call()：

Array.prototype.forEach.call(
  document.querySelectorAll('html, body'), 
  function(node) { node.style.height = '100%'; }
)

Answer 2

这应该做到。

document.querySelector('body').style.height = '100%';