javascript 元素添加样式【怎么在js中给元素添加属性：代码示例】

在JavaScript中，我们可以使用`style`属性来给元素添加样式。通过这个属性，我们可以直接修改元素的CSS样式，包括背景颜色、字体大小、边框等等。

例如，如果我们想要将一个元素的背景颜色设置为红色，可以使用以下代码：

document.getElementById("myElement").style.backgroundColor = "red";

在这个示例中，我们使用`getElementById`方法获取了一个具有特定id的元素，并通过`style`属性来修改其背景颜色。通过给`style`属性赋值，我们可以将背景颜色设置为任何我们想要的颜色。

同样，我们也可以修改其他样式属性。例如，如果我们想要将一个元素的字体大小设置为20像素，可以使用以下代码：

document.getElementById("myElement").style.fontSize = "20px";

通过给`style`属性的`fontSize`属性赋值，我们可以将字体大小设置为任何我们想要的大小。

除了直接给`style`属性赋值，我们还可以使用`setAttribute`方法来添加样式。例如，如果我们想要给一个元素添加一个边框，可以使用以下代码：

document.getElementById("myElement").setAttribute("style", "border: 1px solid black");

在这个示例中，我们使用`setAttribute`方法将`style`属性设置为`border: 1px solid black`，从而给元素添加了一个边框。

通过使用`style`属性或`setAttribute`方法，我们可以在JavaScript中给元素添加样式。我们可以通过修改`style`属性的特定属性来改变元素的样式，或者使用`setAttribute`方法来设置整个样式属性。