js给同一个标签添加不同的class
时间: 2023-11-14 10:05:13 浏览: 46
可以通过classList属性以及add()和remove()方法给同一个标签添加或删除不同的class。例如:
```html
<div id="example" class="class1 class2"></div>
```
```javascript
var element = document.getElementById("example");
// 添加class3
element.classList.add("class3");
// 删除class2
element.classList.remove("class2");
```
相关问题
js 如何给标签a添加class
可以使用 JavaScript 的 `classList` 属性来给标签添加、删除和切换类名。具体可以使用以下代码:
```javascript
const link = document.querySelector('a'); // 获取需要添加 class 的 a 标签元素
link.classList.add('new-class'); // 添加新的 class 名称
```
上面的代码中,`querySelector` 方法用于获取需要添加 class 的 a 标签元素。然后,使用 `classList.add` 方法来添加一个新的 class 名称 `new-class`,这样就可以给 a 标签添加 class 了。
如果需要删除已有的 class 名称,可以使用 `classList.remove` 方法。如果需要切换类名,可以使用 `classList.toggle` 方法。例如,下面的代码可以给 a 标签添加或删除 `selected` 类名:
```javascript
link.classList.toggle('selected');
```
这样就可以使用 JavaScript 给 a 标签添加 class 了。
js通过class添加标签,并设置标签属性
可以使用JavaScript的document.createElement和element.setAttribute方法来进行class添加和标签属性设置。例如:
```
var newElement = document.createElement("div");
newElement.classList.add("myClass");
newElement.setAttribute("id", "myId");
```
这样就创建了一个新的div标签,并添加了名为"myClass"的class和id为"myId"的属性。