通过 document.getElementById 设置CSS
时间: 2024-05-15 16:09:54 浏览: 176
通过document.getElementById方法可以获取到指定id的HTML元素,然后可以通过该元素的style属性来设置CSS样式。
具体步骤如下:
1. 使用document.getElementById方法获取到需要设置CSS的元素,例如:
```javascript
var element = document.getElementById("elementId");
```
这里的"elementId"是需要设置CSS的元素的id。
2. 通过element.style来设置CSS样式,例如:
```javascript
element.style.property = "value";
```
这里的property是CSS属性名,value是对应的属性值。可以根据需要设置多个CSS属性。
例如,如果要将id为"elementId"的元素的背景颜色设置为红色,可以使用以下代码:
```javascript
var element = document.getElementById("elementId");
element.style.backgroundColor = "red";
```
阅读全文