js通过class选择器和id选择器修改div样式的方法

在网站中做动态切换多个选项卡时，经常需要用到js修改div的样式问题。通常div会使用class选择器或id选择器，今天就来说说js通过class选择器和id选择器修改div样式的两种方法。

1. 通过class选择器修改div样式的方法，看下面代码。

<p class="content">谢谢你的关注！</p>

<script>
var sty=document.getElementsByClassName("content");
sty[0].style.color="red";
sty[0].style.fontSize="16px";
</script>

效果如下。

2. 通过id选择器修改div样式的方法，看下面代码。

<p id="ct1">谢谢你的关注！</p>

<script>
document.getElementById("ct1").style.color="#0068b7";
document.getElementById("ct1").style.fontSize = "20px";
</script>

效果如下。