javascript - 通过检查 Span 文本将 CSS Class 添加到 Div

Question

如果第一个 div 中的跨度为"is"，如何将 css 类添加到第一个 div(见下文)。这个 div 没有 id。你如何搜索这个div并修改。

<div class="dx-button dx-button-normal dx-widget dx-button-has-icon dx-button-has-text" role="button" aria-label="Yes" tabindex="0">
  <div class="dx-button-content">
    <span class="dx-button-text">Yes</span>
  </div>
</div>

Answer 1

这个怎么样？

var dxBtnText = document.querySelector('.dx-button-text').textContent;

if (dxBtnText == 'Yes') {
    document.querySelector('.dx-button').classList.add('new-class-name');
}