js根据标签类名获取标签内的值
时间: 2023-05-22 18:04:49 浏览: 170
可以使用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在标签没有类名的情况下怎么获取这个标签
可以通过标签的标签名或者其他属性来获取这个标签。比如可以通过标签名来获取,例如:
```javascript
var element = document.getElementsByTagName('div')[0];
```
这样可以获取到第一个 div 标签。如果需要获取其他属性相同的标签,可以使用 `querySelector` 方法,例如:
```javascript
var element = document.querySelector('[data-id="123"]');
```
这样可以获取到 `data-id` 属性值为 `123` 的标签。还可以通过 `querySelectorAll` 方法来获取多个匹配的标签。
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` 方法输出这些值。
阅读全文