JavaScript可以通过修改CSS样式来改变网页的外观和布局。下面是一些常用的方法。
可以使用getComputedStyle()方法获取元素的样式,例如:
var element = document.getElementById("myElement");
var style = window.getComputedStyle(element);
var color = style.getPropertyValue("color");
这将返回myElement元素的color属性的值。
可以使用style属性来修改元素的样式,例如:
var element = document.getElementById("myElement");
element.style.color = "red";
这将把myElement元素的文本颜色设置为红色。
可以使用classList属性来添加和移除CSS类,例如:
var element = document.getElementById("myElement");
element.classList.add("myClass");
element.classList.remove("myClass");
这将在myElement元素上添加myClass类,然后又移除了myClass类。
可以使用setProperty()方法来设置CSS变量,例如:
document.documentElement.style.setProperty("--my-var", "red");
这将把CSS变量--my-var的值设置为红色。