javascript - 如何使用 querySelector 查找具有特定类的所有外部链接

Question

我想找出特定类(.post-inner)内的所有外部链接(未指向当前域的链接)，但我不知道如何做到这一点。我认为这可以通过 querySelector 来实现(我没有使用 jQuery)。这是当前不起作用的代码:

function linkopener(a) {
var c = document.links;
for (var i = 0; i < c.length; i++) {
    if (c[i].hostname != window.location.hostname && c[i].protocol != 'tel:' && c[i].protocol != 'mailto:' && c[i].querySelector('.post-inner')) {
        c[i].target = '_blank';
        c[i].rel = 'noopener noreferrer';
        c[i].title = '\u00f6ffnet in neuem Fenster - ' + c[i].title;
        c[i].className += ' external-link'
     }
}

};

Answer 1

如果您的内部链接是相对的(不要以“http://yourdomain.com/ ...”开头)您可以使用 querySelector 查找具有如下协议(protocol)说明符的所有标记:

var aTags = document.body.querySelectorAll('.post-inner a[href*="://"]');

如果标签具有包含“://”的“href”属性，并且位于类“post-inner”的元素内，则会找到该标签。