如何使用vanilla javascript编程设置样式html,body{height:100%}?

如何使用vanilla javascript编程设置样式html,body{height:100%}?,javascript,css,Javascript,Css,在我的css文件中,我有一个规则: html, body {height: 100%} 我不想依赖样式表,所以我可以使用vanilla javascript设置这个样式吗?如果是,怎么做 这应该可以 document.querySelector('body').style.height = '100%'; 您可以使用querySelectorAll('html,body')选择这两个元素,然后在forEach()的帮助下迭代结果集: 请注意,这在IE11中不起作用,因为它不支持NodeLis

在我的css文件中,我有一个规则:

html, body {height: 100%}
我不想依赖样式表,所以我可以使用vanilla javascript设置这个样式吗?如果是,怎么做

这应该可以

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

您可以使用
querySelectorAll('html,body')
选择这两个元素,然后在
forEach()的帮助下迭代结果集:

请注意,这在IE11中不起作用,因为它不支持
NodeList.prototype.forEach()
(还因为它使用了箭头函数)

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


你可以试试这个
document.querySelector('body')。style.height='100%'
我会设置css类,并用css完成样式。
document.querySelectorAll('html, body').forEach(node => node.style.height = '100%');
Array.prototype.forEach.call(
  document.querySelectorAll('html, body'), 
  function(node) { node.style.height = '100%'; }
)