Javascript 获取子元素的值

我写的代码，可以应用到一个网页。我想得到“A”的值作为变量。我试过：

document.getElementById("inProgressGrade");

及

这是我从中提取的代码，为了使它更复杂，我想要得到的所有值都具有相同的类

<td style="width:60px; border: 1px solid #ABABAB; padding: 2px;" class="inProgressGrade">
90.62% 
<b>A</b>
</td>

---

87.10%B

您可以将

.querySelector（）

与

文本内容一起使用，就像：

document.querySelector('.inProgressGrade b').textContent


console.log（document.querySelector（'.inProgressGrade>b'）.textContent）

90.62%
A.
文档。查询选择器所有
将是您在此的朋友。您需要识别
b
下
.inProgressGrade
的所有元素。您还必须使用循环来迭代所有元素，因为有多个元素


var els=document.queryselectoral（“.inProgressGrade b”）；
var VAL=[]；
对于（els中的var i）{
if（els[i]&&els[i].innerText）
推送（els[i].innerText）；
}
用于（var i中的var i）{
控制台日志（VAL[i]）；
}

90.62% 
A.
87.10% 
B
.getElementsByClassName（）
返回一个数组，因此必须循环遍历它。之后，您只需使用
.innerText
获取其“值”


（函数（）{
const allTds=document.getElementsByClassName（'inProgressGrade'）；//获取您想要其值的所有td元素
var值=[]；
for（设i=0；i


90.62%
A.
87.10%
B
那么您想提取字母前的百分比值吗？我只想提取字母在您的第一个示例中，您试图按id选择
td
，而您只给了它一个类。在第二个示例中，您正在查找类名
b
，但是
td
的类名是
inProgressGrade
。修复了它仍然不起作用的问题。如何为每个值分配一个变量？如果可能，请用一个小示例详细描述您想要实现的功能。我可能已经解决了，我将在这里报告我所尝试的，不太清楚为什么它不起作用，尽管我添加了一个外部资源，将命令行放在输出框中。由于数组在javascript中是基于零的，请检查更新的fiddle
<td style="width:60px; border: 1px solid #ABABAB; padding: 2px;" class="inProgressGrade">
87.10% 
<b>B</b>
</td>

document.querySelector('.inProgressGrade b').textContent