用js更改div的多个样式，举个例子

可以使用JavaScript来更改一个div元素的多个样式。以下是一个例子：

HTML代码：

<div id="myDiv">这是一个div元素</div>

CSS代码：

#myDiv {
  width: 200px;
  height: 100px;
  background-color: #ccc;
  border: 1px solid #000;
}

JavaScript代码：

var myDiv = document.getElementById("myDiv");
myDiv.style.width = "300px";
myDiv.style.height = "150px";
myDiv.style.backgroundColor = "#f00";
myDiv.style.border = "2px solid #00f";

上述JavaScript代码通过使用`style`属性来更改`myDiv`元素的宽度、高度、背景颜色和边框样式。可以通过设置`style`属性的不同属性来更改元素的多个样式。