HTML原生JavaScript可以通过设置元素的style来改变页面的样式。
//获取元素 var ele = document.getElementById("example"); //设置元素的背景颜色为红色 ele.style.backgroundColor = "red"; //设置元素的字体颜色为白色 ele.style.color = "white";
以上代码获取id为example的元素，并设置其背景颜色为红色，字体颜色为白色。
同样的，我们也可以通过设置类名的方式来改变元素的样式。
//获取所有class为example的元素 var eles = document.getElementsByClassName("example"); //循环设置元素的class为"new-example" for(var i=0; i以上代码获取所有class为example的元素，并循环将它们的class改为new-example。
最后，值得注意的是，在使用HTML原生JavaScript设置元素的style时，要确保修改的属性名与CSS中的属性名一致，否则将无法生效。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
