通过 data-i18n-key 获取元素答案

【问题标题】：Get element by data-i18n-key通过 data-i18n-key 获取元素
【发布时间】：2023-02-14 00:44:11
【问题描述】：

我正在尝试获取由外部应用程序添加的元素。我可以获得这个特定元素的唯一方法是通过 data-i18n-key 属性，我认为我可以像任何数据属性一样获取它，就像这样。元素：

<span class="lion-reward-item__redeem-button-text lion-loyalty-page-reward-item__redeem-button-text" data-i18n-key="sdk.seamless_product_reward.paid_items_required">Paid items required</span>

JS：

const buttons = document.querySelectorAll('[data-i18n-key="sdk.seamless_product_reward.paid_items_required"]')

但是，这不会返回任何内容。任何想法如何做到这一点？

【问题讨论】：

标签： javascript

【解决方案1】：

看起来您的选择器没有抓住任何东西。尝试为选择器字符串添加跨度：document.querySelectorAll('span[data-i18n-key="sdk.seamless_product_reward.paid_items_required"]');

const bs = document.querySelectorAll('span[data-i18n-key="sdk.seamless_product_reward.paid_items_required"]');

console.log(bs[0]);

&lt;span class="lion-reward-item__redeem-button-text lion-loyalty-page-reward-item__redeem-button-text" data-i18n-key="sdk.seamless_product_reward.paid_items_required"&gt;Paid items required&lt;/span&gt;

【讨论】：