javascript - 如何从 javascript 中的相同多个 div 类名获取特定值？

Question

这是 HTML:

<div class="hMZdhd">Additional access
  <div class="OcFGjf">
  <div role="listitem" class="wnt0Xd">View your approximate age</div>                         
  <div role="listitem" class="wnt0Xd">View your language preferences</div>
</div>
</div>
<div class="hMZdhd">March 20, 12:06 PM</div>

我想访问 div 类“hMZdhd”的一个值，但我的 javascript 代码返回名称为“hMZdhd”的类的所有值。

这是我的示例 javascript 代码:

document.getElementsByClassName("hMZdhd")[0].innerHTML

输出应该是: March 20, 12:06 PM

任何帮助将不胜感激
谢谢

Answer 1

要显示的元素位于类选择返回的数组的最后一个索引 ( .length - 1) 处，

[0]返回与类 hMZdhd 匹配的第一个元素(即 <div class="hMZdhd">Additional access[…]</div> )。

var elms = document.getElementsByClassName("hMZdhd");
console.log(elms[elms.length - 1].innerHTML)

<div class="hMZdhd">Additional access
  <div class="OcFGjf">
    <div role="listitem" class="wnt0Xd">View your approximate age</div>                         
    <div role="listitem" class="wnt0Xd">View your language preferences</div>
  </div>
</div>
<div class="hMZdhd">March 20, 12:06 PM</div>

你可以试试console.log(document.getElementsByClassName("hMZdhd"))显示 getElementsByClassName("hMZdhd") 返回的完整数组在这种情况下。这通常很有帮助。