Javascript 如何添加translate="；否"；通过JS到动态翻译脚本？

我在我的网站上有一个脚本，当用户将鼠标移到锚上时，它可以翻译一段时间内包含的文本，而且效果很好。然而，进行自动翻译的浏览器似乎正在抓取mouseover上生成的标题并进行翻译，这违背了脚本的目的。我曾尝试使用JS将属性translate=“no”添加到生成的文本中（如下面第10行所示），但我肯定遗漏了什么，因为它似乎没有效果

请帮忙

JS:

HTML:

这是一个例子

首先，您确定脚本解释了

translate="no"

属性正确吗？如中所示，它认为这不应该被翻译？也许代码逻辑似乎是罪魁祸首

第二，尝试使用.attr而不是.prop

<li>
      <a href="doc-EN.pdf" title="This is an example" hreflang="en" class="pdf">[EN]</a>
      <a href="doc-ES.pdf" title="Este es un ejemplo" hreflang="es" class="pdf">[ES]</a>
      <span class="article-title">This is an example</span>
</li>

translate="no"