如何使用vanilla javascript编程设置样式html,body{height:100%}?
在我的css文件中,我有一个规则:如何使用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
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%'; }
)