`setAttribute` 是 JavaScript 中常用的一个方法，用于设置 HTML 元素属性的值。它的基本用法如下：
假设我们有一个 HTML 元素，例如一个 `div` 元素：
```html
```
我们可以使用 JavaScript 的 `setAttribute` 方法来改变这个元素的某个属性。例如，我们可以改变这个 `div` 元素的 `style` 属性：
```javascript
document.getElementById('myDiv').setAttribute('style', 'color: red;');
```
上述代码会将 `myDiv` 的文字颜色设置为红色。这里需要注意的是，当你使用 `setAttribute` 来设置属性时，你需要将整个属性值（包括属性的名称和值）作为字符串传递。在这个例子中，我们传递的是 `'style'` 和 `'color: red;'` 两个字符串。
对于更复杂的情况，例如设置 `data-*` 属性或者设置一些特殊的属性（如 `class`），用法也类似：
```javascript
// 设置 data 属性
document.getElementById('myDiv').setAttribute('data-custom', '自定义数据值');
// 设置 class 属性（如果原来已经有这个类，将会替换成新的类名）
document.getElementById('myDiv').setAttribute('class', '新的类名');
```
请注意，当使用 `setAttribute` 设置 `class` 属性时，它将替换元素原有的所有类名。如果你只是想添加一个新的类名而不替换原有的类名，你可以使用 `classList` API：
```javascript
document.getElementById('myDiv').classList.add('新的类名'); // 添加新的类名而不替换原有类名
```