DOM（Document Object Model）是网页开发中的一个重要概念，它表示网页中各个元素的层次结构，并且可以通过JS来操作这些元素。在实际开发中，我们经常会需要批量设置某些元素的CSS样式，比如：修改所有段落的字体颜色。下面我们就来介绍一些实现方式。

// 获取所有要设定样式的元素
var elements = document.getElementsByTagName("p");
// 遍历所有元素，设置样式
for(var i = 0; i< elements.length; i++){
elements[i].style.color = "red"; //设置字体颜色为红色
elements[i].style.fontSize = "20px"; //设置字体大小为20px
}

上述代码中，我们使用了document.getElementsByTagName()方法来获取所有的段落元素，然后通过for循环来遍历每一个元素，并使用元素的style属性来设置其样式。需要注意的是，如果要修改的样式比较多，建议将所有的样式封装成一个对象，再进行遍历修改。

// 定义样式对象
var styles = {
"color": "red",
"fontSize": "20px",
"fontWeight": "bold"
};
// 获取所有要设定样式的元素
var elements = document.getElementsByTagName("p");
// 遍历所有元素，设置样式
for(var i = 0; i< elements.length; i++){
for(var key in styles){
elements[i].style[key] = styles[key]; //设置样式
}
}

上述代码中，我们定义了一个包含多个样式的对象styles，将颜色、字体大小和字体粗细一起封装了起来。然后在循环中遍历所有元素，使用for-in循环遍历所有样式属性，再设置对应的样式值，可以达到批量设置多个样式的目的。