css 与js的 修改样式

CSS和JS是web开发中最常用的两种技术，它们都能够帮助我们修改网站的样式。

在CSS中，我们可以选择元素并为其指定属性和值，例如：

p {
      font-size: 16px;
      color: #333;
}
    

以上代码将会把所有的p> 元素的字体大小设置为16像素，颜色为深灰色。

而在JS中，我们可以通过querySelector方法获取元素，然后动态的修改它们的样式，例如：

const pElems = document.querySelectorAll('p');
    pElems.forEach((elem) =>
 {
      elem.style.fontSize = '16px';
      elem.style.color = '#333';
}
    );
    

以上代码将会获取所有的p> 元素，并把它们的字体大小设置为16像素，颜色为深灰色。

需要注意的是，在使用CSS时推荐把样式定义在外部样式表中，以便在整个网站中统一应用。而在使用JS时，推荐在需要修改样式时再动态地修改，以避免性能问题。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！