JS原生获取指定类名reportDetailSec下span标签下的值

可以使用以下代码实现：

// 获取所有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获取class类名修改宽度

可以使用以下代码获取类名为"example"的元素并修改其宽度：

var elements = document.getElementsByClassName("example");
for (var i = 0; i < elements.length; i++) {
  elements[i].style.width = "200px";
}

其中，`getElementsByClassName`是原生js方法，用于获取类名为"example"的元素集合。然后使用for循环遍历元素集合，将每个元素的宽度设置为"200px"。

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` 方法不会抛出异常。