js获取section标签下的类名
时间: 2023-05-12 07:05:19 浏览: 81
您可以使用以下代码获取section标签下的类名:
var section = document.querySelector('section');
var className = section.className;
相关问题
js中获取span标签的类名并追加一个类名 并追加完删除类名
可以使用 JavaScript 中的 `classList` 属性来获取和修改元素的类名,具体操作如下:
获取 `span` 标签的类名并追加一个类名:
```
const span = document.querySelector('span'); // 获取 span 元素
const className = span.className; // 获取 span 元素的类名
span.classList.add('new-class'); // 追加一个新的类名
```
上述代码中,`querySelector` 方法用于获取第一个匹配的元素,`className` 属性用于获取元素的类名,`classList` 属性用于对元素的类名进行操作,`add` 方法用于向元素中添加一个新的类名。
删除追加的类名:
```
span.classList.remove('new-class'); // 删除追加的类名
```
上述代码中,`remove` 方法用于从元素中删除指定的类名。
注意:如果要添加或删除多个类名,可以使用 `add` 或 `remove` 方法多次调用,或者使用 `toggle` 方法一次性完成。如果当前元素中已经存在要添加的类名,则 `add` 方法不会重复添加;如果当前元素中不存在要删除的类名,则 `remove` 方法不会抛出异常。
js在标签没有类名的情况下怎么获取这个标签
可以通过标签的标签名或者其他属性来获取这个标签。比如可以通过标签名来获取,例如:
```javascript
var element = document.getElementsByTagName('div')[0];
```
这样可以获取到第一个 div 标签。如果需要获取其他属性相同的标签,可以使用 `querySelector` 方法,例如:
```javascript
var element = document.querySelector('[data-id="123"]');
```
这样可以获取到 `data-id` 属性值为 `123` 的标签。还可以通过 `querySelectorAll` 方法来获取多个匹配的标签。