javascript - 你如何使用 javascript 获取这些类中的内部文本？

Question

我有

<div class="ce">
  <div class="lotB">9</div>
  <div class="lotB">3</div>
  <div class="lotB">28</div> == $0
</div>

我正在尝试获取这三个数字 9, 3, 28 但我无法让它工作 :s

已经尝试了几种不同的方法，我还阅读了有关 innerText 的内容，并尝试通过 ce 这样的类来让它工作

var x = document.getElementsByClassName("ce");
for (var i = 0; i < x.length; i++) {
  var numbers = x[i].innerText;
  alert(numbers);
}

但这也没有给我任何东西:/

你如何得到每个类的内部文本，所以我得到了数字 9, 3, 28？

Answer 1

您可以使用 querySelectorAll()以类中的所有 div 为目标。将选择器更改为:

document.querySelectorAll(".ce > div");

var x = document.querySelectorAll(".ce > div");
for (var i = 0; i < x.length; i++) {
  var numbers = x[i].innerText;
  alert(numbers);
}

<div class="ce">
  <div class="lotB">9</div>
  <div class="lotB">3</div>
  <div class="lotB">28</div> == $0
</div>