javascript - Vanilla Javascript 查找具有单击属性的元素

Question

我正在尝试将这几行基于 jQuery 的代码转换为普通 JS，但我很挣扎。有人可以解释一下如何做吗？

  function googletranslate() {
    $(".footer-toggle li, .select-lng li").on("click", function() {
      var rel = $(this).children("a").attr("rel");
      $(".goog-te-menu-frame:first").contents().find(".goog-te-menu2 .goog-te-menu2-item span:contains('" + rel + "')").get(0).click();
    });
  }

  setTimeout(googletranslate, 1000);

我知道如何使用 javascript 执行点击事件，但我很难找到该元素(刚刚开始学习)。

<a href="#" rel="Spanish" title="Spanish">Spanish</a>

基本上，当单击链接时，它会将 rel 值提供给隐藏的谷歌翻译小部件，并模拟对所需语言的单击。

有人可以解释一下吗？使用选择框并从中获取值会更容易吗？

Answer 1

document.querySelector('a[rel="Spanish"]')

https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector