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

问题描述

我想从下面的 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.

请提出建议。

解决方法

你需要转义'，我也用过"

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>