Mutation Observer - 从addedNodes.children获取span

Question

我无法使用数字，因为在时间戳之前可能会出现类似时间戳的内容。

console.log(mutation.addedNodes[0].children);

给我这个

HTMLCollection(4) [span, button.chat-line__username, span, span]
0:span.chat-line__message--badges
1:a.chat-author__display-name
2:span
3:span.message
length:4
__proto__:HTMLCollection

我想将a.chat-author__display-name存储在变量中。这样做的最佳方式是什么？

Answer 1

遍历HTMLCollection以找到匹配的第一个元素。

const authorAnchor = [...mutation.addedNodes[0].children]
  .find(child => child.className === 'chat-author__display-name');

Answer 2

使用mutation.addedNodes[0].querySelector('.chat-author__display-name')解决了我的问题。