js改变页面某个元素的背景颜色(rgb和十六进制两种方法)。
时间: 2024-03-22 22:41:05 浏览: 62
改变页面某个元素的背景颜色可以通过 JavaScript 来实现,以下是两种方法:
1. 使用 RGB 值来改变背景颜色:
```javascript
// 获取元素
const element = document.getElementById('example');
// 设置背景颜色(RGB)
element.style.backgroundColor = 'rgb(255, 0, 0)'; // 红色
```
2. 使用十六进制值来改变背景颜色:
```javascript
// 获取元素
const element = document.getElementById('example');
// 设置背景颜色(十六进制)
element.style.backgroundColor = '#ff0000'; // 红色
```
其中,`getElementById` 方法可以通过元素的 ID 来获取 DOM 元素,`style` 属性可以访问 DOM 元素的样式属性,`backgroundColor` 属性可以设置元素的背景颜色。
阅读全文