JavaScript是前端开发中必备的编程语言之一，它可以通过修改CSS样式表来实现动态的视觉效果。下面我们来介绍一下如何使用原生JavaScript修改CSS样式。

//获取元素
var element = document.getElementById('example');
//修改CSS属性
element.style.color = 'red';
element.style.fontSize = '20px';
element.style.backgroundColor = '#000';

在上面的代码中，我们通过document对象的getElementById方法获取到一个ID为example的元素，然后通过其style属性来修改其CSS属性。具体来说，我们可以直接修改bold、fontSize、backgroundColor等CSS属性，这样就能够改变元素的外观效果。

除了直接修改CSS属性，JavaScript还可以使用CSS类来对元素进行样式设置。例如：

//获取元素
var element = document.getElementById('example');
//添加CSS类
element.className += ' new-class';

上面的代码中，我们通过给元素的className属性添加新的类名，从而间接地修改了元素的样式。这种方法的好处是，我们可以在CSS样式表中定义多种类，不同的类可以代表不同的样式。通过JS的修改，我们可以轻松地切换这些样式，并实现动画效果等视觉交互。

总之，JavaScript原生支持修改CSS样式，这使得前端开发人员可以通过编写JavaScript代码，轻松地实现各种丰富的动态效果。