如何选择几个CSS类并应用Javascript逻辑?

在一个网站上,我有几个按钮可以请求演示。每个按钮都是一个指向相同链接的锚标签,即一个mailto方向。电子邮件方向的变化取决于您选择的国家/地区。所以我做了这样的逻辑:

    function changeEmailAdress(){
        if(window.location.href.indexOf("#ar") != -1){
          document.querySelector(".mailToRef").href="mailto:argentina@globalnewsgroup.com";
        }else if(window.location.href.indexOf("#br") != -1){
          document.querySelector(".mailToRef").href="mailto:brasil@globalnewsgroup.com";
        }else if(window.location.href.indexOf("#us") != -1){
          document.querySelector(".mailToRef").href="mailto:usa@globalnewsgroup.com";
        }else{
          document.querySelector(".mailToRef").href="mailto:demo@globalnewsgroup.com";
        }
    }

这是html:

<a id="mailto" href="" target="_blank" class="cta cta--accent mailToRef">Solicitar Demo</a>

<a href="" class="c-navigation__item mailToRef">Contacto</a>

<a href="" target="_blank" class="cta cta--lg mailToRef" data-solicitude="demo" ">Accedé a una Demo</a>

只有当我有一个带有"mailto“类的锚标记时,Javascript代码才能完美地工作。然后,当我将类添加到其他链接时,它不起作用。

我试过使用"querySelectorAll“,但它也不起作用。我怎么才能让它工作呢?我想我错过了什么,但我不知道它是什么。

提前谢谢你。

转载请注明出处:http://www.xtpharmmachine.com/article/20230526/1046922.html