隐藏电子邮件js脚本似乎不适用于chrome

Question

这是我在网上找到的脚本。它适用于Firefox和Explorer，但不适用于Chrome。当我单击电子邮件链接时，预期的对话框窗口不会显示。有解决方案吗感谢。

/* JS */ 

document.addEventListener("DOMContentLoaded", function() {
  var a = document.querySelectorAll(".email");
  [].forEach.call(a, function(elem) {
    var href = "mailto:"+ elem.dataset.first +"."+ elem.dataset.last +"@"+ elem.dataset.domain;
    elem.setAttribute("href", href);
  })
}, false);

/* CSS */ 

.email::before {
  content: attr(data-first) "." attr(data-last) "@" attr(data-domain);
}

<!-- HTML CODE --> 

<a class="email" href="#" data-first="firstname" data-last="lastname" data-domain="domain.com"></a>