如何查询SVG元素并获取其标题？

Question

我具有以下标记，其中顶层元素包含标题为“检查图标”的<svg>：

<div data-testid="monday" role="button">
  <svg viewBox="0 0 24 24">
    <title>Check Icon</title>
    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path>
  </svg>
  <span>Monday</span>
</div>

对于我的单元测试，我需要确保svg元素存在并且其标题为“检查图标”。 svg元素不一定是第一个孩子。最简单的方法是什么？我已经选择了带有data-testid =“ monday”的父元素：

const buttonElement = document.querySelector('[data-testid="monday"]'));

Answer 1