要使用JavaScript改变HTML元素的样式，首先需要选定要修改的元素。可以使用document.getElementById方法选定一个具有唯一ID的元素，或者使用document.getElementsByTagname方法选定一组具有相同标签名的元素。
选定元素后，就可以使用style属性来修改元素的CSS属性。比如，样式表中的font-size属性可以通过JavaScript设置为：
document.getElementById('myElement').style.fontSize = "20px";
这意味着选定具有ID“myElement”的元素，并将其字体大小设置为20像素。同样，可以使用其他CSS属性，如color，background-color，padding等等。
以下是一个完整的代码示例，该代码将表示元素的背景颜色更改为“红色”：
<!DOCTYPE html>
<html> <body>
<h2>JavaScript修改HTML元素的CSS样式</h2>
<p>请点击下面的按钮来更改元素的样式：</p>
<button onclick="myFunction()">点击我</button>
<div id="myDiv" style="background-color: blue; width: 200px; height: 200px;">这是一个示例元素</div>
<script> function myFunction() { document.getElementById("myDiv").style.backgroundColor = "red"; } </script>
</body> </html>