js根据标签类名获取标签内的值
时间: 2023-05-22 22:04:49 浏览: 67
可以使用document.getElementsByClassName()方法来获取指定类名的HTML元素,然后使用innerHTML属性获取该元素的值。例如:
```
var elems = document.getElementsByClassName('my-class');
for (var i = 0; i < elems.length; i++) {
var value = elems[i].innerHTML;
}
```
其中,'my-class'为指定的类名。
相关问题
JS原生获取指定类名reportDetailSec下span标签下的值
可以使用以下代码实现:
```javascript
// 获取所有reportDetailSec类名的元素
var reportDetailSecElems = document.getElementsByClassName('reportDetailSec');
// 遍历reportDetailSecElems,获取其中的span标签下的值
for (var i = 0; i < reportDetailSecElems.length; i++) {
var spanElems = reportDetailSecElems[i].getElementsByTagName('span');
for (var j = 0; j < spanElems.length; j++) {
var value = spanElems[j].innerHTML;
console.log(value);
}
}
```
上述代码首先通过 `document.getElementsByClassName` 方法获取所有类名为 `reportDetailSec` 的元素,然后遍历这些元素,在每个元素中通过 `getElementsByTagName` 方法获取其下所有的 `span` 标签,再遍历这些 `span` 标签,获取其内部的值,最后通过 `console.log` 方法输出这些值。
js获取section标签下的类名
您可以使用以下代码获取section标签下的类名:
var section = document.querySelector('section');
var className = section.className;