在前端開發中，經常需要使用JavaScript來操作DOM元素，而修改DOM元素的樣式通常就要使用CSS。那么，如何在原生JavaScript中修改CSS呢？下面我們來看一下。

var elem = document.getElementById("myElem");  //獲取要修改樣式的元素
elem.style.backgroundColor = "red";  //修改背景色
elem.style.color = "#fff";  //修改字體顏色
elem.style.fontSize = "16px";  //修改字體大小

以上代碼使用getElementById獲取指定id的元素，然后通過style屬性來修改元素的樣式，其中style后面跟隨著CSS屬性和對應的值。

如果需要添加多個CSS樣式，可以使用CSSStyleDeclaration對象，如下所示：

var elem = document.getElementById("myElem");  //獲取要修改樣式的元素
var styles = elem.style;  //獲取元素的style對象
styles.cssText = "background-color: red; color: #fff; font-size: 16px;";  //添加多個CSS樣式

這里首先獲取指定id的元素，然后通過elem.style獲取元素的style對象，將多個CSS樣式以字符串的形式賦值給cssText屬性。

除了使用style屬性和CSSStyleDeclaration對象，還可以使用className屬性來添加、刪除、切換、判斷元素的class。例如：

var elem = document.getElementById("myElem");  //獲取要修改class的元素
elem.className = "newClass";  //添加一個新的class
elem.classList.add("otherClass");  //添加另一個class
elem.classList.remove("oldClass");  //刪除一個class
elem.classList.toggle("toggleClass");  //切換class
console.log(elem.classList.contains("otherClass"));  //判斷class是否存在

以上代碼使用getElementById獲取指定id的元素，然后分別使用className、classList.add()、classList.remove()、classList.toggle()、classList.contains()方法來添加、刪除、切換、判斷元素的class，實現元素的樣式修改。

總之，在原生JavaScript中，我們可以通過修改元素的style屬性、CSSStyleDeclaration對象、className、classList等方法來修改DOM元素的樣式，達到預期的效果。