Javascript 如何从控制台从子元素获取文本

我正在尝试获取 如你所见：

<p class="jmbadge">
   <strong>xxx</strong>
   <br>
   <span class="field-value">text!</span>
</p>

下面是我得到的错误：

Uncaught TypeError: jminfo.querySelector is not a function
    at <anonymous>:1:21

未捕获类型错误：jminfo.querySelector不是函数
时间：1:21

这是因为您选择了一组具有类名的元素，但没有从这些元素列表中指定哪个元素

尝试使用：

const span = document.querySelector('.jminfo > span');
console.log(span);

但如果您知道文档中元素的索引，则可以使用：

const jminfo = document.getElementsByClassName("jmbadge")[N];
// n = the index
const span = jminfo.querySelector('span');
console.log(span);

const jminfo=document.getElementsByClassName（“jmbadge”）[0]；
常量span=jminfo.querySelector（'span'）；
控制台日志（span）

xxx


短信！

const jminfo = document.getElementsByClassName("jmbadge")[N];
// n = the index
const span = jminfo.querySelector('span');
console.log(span);