在网页开发中，CSS可以用于定义元素的样式，而JavaScript则可以用于动态地修改元素的样式。本文将介绍如何使用JavaScript给元素添加CSS。
1. 引入CSS样式文件
在HTML文件中，需要引入CSS样式文件，以便为元素定义样式。可以使用以下代码引入样式文件：
<style>
/* CSS样式代码 */
</style>
2. 获取元素
使用JavaScript，可以获取需要添加CSS的元素。可以使用以下代码获取元素：
const element = document.getElementById(‘my-element’);
其中，`id`为元素的唯一标识符，`my-element`为需要获取的元素的名称。
3. 修改样式
在获取到元素后，可以使用JavaScript来修改元素的样式。可以使用以下代码修改元素的CSS样式：
element.style.cssText = ‘/* CSS样式代码 */’;
其中，`style.cssText`为修改后的CSS样式代码。
4. 重复使用
如果元素有多个子元素，可以使用JavaScript将它们的样式都添加到父元素中。可以使用以下代码将样式添加到父元素中：
const parentElement = document.getElementById(‘parent-element’);
parentElement.style.cssText = ‘/* CSS样式代码 */’;
其中，`parentElement`为需要添加样式的父元素，`parent-element`为父元素的名称。
使用JavaScript，可以动态地给元素添加CSS样式。通过获取元素，修改样式，并将修改后的样式添加到元素中，可以重复使用样式，以便更好地控制元素的样式。