Javascript 按类名滚动到视图中，找到一个段落，该段落是元素的子元素的子元素-纯JS

我想滚动到一个特定的段落，它是元素的子元素的子元素

下面是我的html的简化版本

我想滚动到类名为ticketType的段落。在我的实际代码中有更多的段落，所以我想通过类名来确定它的目标

我不想滚动到其他具有此类名的段落，因此我需要在id为ticket0的元素中专门针对（并滚动到）具有ticketType类名的段落

我试图通过以下方式获得更多选项：

document.getElementById(`ticket0`).children

但是，当我将console.log记录下来时，它无法识别该段落。我得到：

HTMLCollection(2)
0: form
0: input

在CSS中，我可以将其定位为

#ticket0<.ticketType

---

Javascript中是否有类似的东西，因为返回的是HTMLCollection而不是单个元素，所以您会得到控制台输出

要实现所需的行为，您可以尝试：

document.querySelector（'#ticket0>.ticketType'）.scrollIntoView（{behavior:“smooth”}）

或者换句话说：

document.getElementById（'ticket0'）.getElementsByClassName（'ticketType'）[0]。scrollIntoView（{behavior:'smooth}）

或者如果你只关心第一个孩子：

document.getElementById（'ticket0'）.firstElementChild.ScrollingToView（{行为：“平滑”}）

或者如果您关心第n个孩子：

document.getElementById（'ticket0'）.children[n].scrollIntoView（{behavior:'smooth}）

document.getElementById(`ticket0`).children

HTMLCollection(2)
0: form
0: input