javascript 添加样式【js给div添加样式：代码示例】

JavaScript可以通过修改元素的style属性来添加样式。要给一个div元素添加样式，可以使用JavaScript的getElementById方法获取到该元素，然后通过访问其style属性来修改样式。

示例代码如下：

// 获取div元素
var divElement = document.getElementById("myDiv");
// 添加样式
divElement.style.backgroundColor = "red";
divElement.style.color = "white";
divElement.style.padding = "10px";

上面的代码首先使用getElementById方法获取到id为"myDiv"的div元素，并将其赋值给变量divElement。然后，通过访问divElement的style属性来添加样式。例如，使用style.backgroundColor属性可以设置div的背景颜色为红色，style.color属性可以设置文本颜色为白色，style.padding属性可以设置内边距为10像素。

通过这种方式，我们可以使用JavaScript动态地添加样式，实现页面的动态效果。