JS 改变HTML样式

版权声明：转载请注明原文地址即可，要是本文对您有些许帮助的话，请您在下方点个赞，谢谢啦ヾ(o◕∀◕)ﾉヾ https://blog.csdn.net/qq_33583069/article/details/86797474

语法

Object.style.property=new style;

注意:Object是获取的元素对象，如通过document.getElementById(“id”)获取的元素。

基本属性表（property)

注意:该表只是一小部分CSS样式属性，其它样式也可以通过该方法设置和修改。

例子:

改变 <p> 元素的样式，将颜色改为红色，字号改为20,背景颜色改为蓝：

<p id="pcon">Hello World!</p>
<script>
   var mychar = document.getElementById("pcon");
   mychar.style.color="red";
   mychar.style.fontSize="20";
   mychar.style.backgroundColor ="blue";
</script>