javascript - 如何从Javascript中的自定义属性获取元素？

Question

我想从下面的 HTML 中使用 javaScript 提取文本值:

<div class="search-box-compact__label text-color-secondary">
   <span data-bind="i18n: 'search.keyword-label'">Find Jobs</span>
</div>

我试过这个，但它不工作。请提出一个解决方案:

  let y = document.querySelectorAll("[data-bind=`i18n: 'search.keyword-label'`]");

我收到以下错误::

Uncaught DOMException: Failed to execute 'querySelectorAll' on 'Document': '[data-bind=`i18n: 'search.keyword-label'`]' is not a valid selector.

请建议。

Answer 1

你需要逃离' , 我用了 "也

let y = document.querySelectorAll("[data-bind=\"i18n: \'search.keyword-label\'\"]");
console.log(y);

<div class="search-box-compact__label text-color-secondary">
   <span data-bind="i18n: 'search.keyword-label'">Find Jobs</span>
</div>