可以通过JavaScript更改元素，例如样式吗？

Question

我知道您可以使用GetElementById选择一个特定的ID元素并使用JavaScript更改它的样式，我知道也可以通过类来实现这一点。

但是有没有办法改变与html标签，body标签或p标签相关的样式？换句话说，您可以使用JavaScript更改元素的CSS吗？如果是，如何更改？这与通过id或class选择元素来改变元素形成对比。

特别是，我希望在页面加载后通过JavaScript完成以下任务。

<style>
  html {
    height: 100%; // Just looking to add this height attribute
  }
</style>

感谢您的帮助。我正在努力寻找解决方案。

Answer 1

是的，您可以使用getElementsByTagName：

document.getElementsByTagName('html')[0].style.height = '100%';

或者，您也可以使用querySelector：

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

对于重复p tags等标记，您可以使用querySelectorAll并迭代它们：

var ps = document.querySelectorAll('p');
for(var i=0;i<ps.length;i++){
  ps.style.height = '100%';
}

Answer 2

我使用attr

设置并使用js获取html属性

$(this).attr('height');

如果那是你要找的东西？